#3F5FC5 Color

Color Information

HEX	#3F5FC5
RGB	63, 95, 197
HSL	226° , 54% , 51%
HSV	226° , 68% , 77%
CMYK	68%, 52%, 0%, 23%

Lighter Shades

#5672CC #6D85D3 #8499DA #9BACE1 #B2BFE8 #C9D2EF

Darker Shades

#3754AD #304896 #283D7E #213166 #19264F #121B37

Complementary Palette

#3652A9 #3F5FC5 #AA8F36 #C6A63F #CEB25A #5A75CD

Analogous Palette

#518A9E #5896AD #3B59B9 #3F5FC5 #6E58AD #7A64B4

Triadic Palette

#3754AD #3F5FC5 #D23257 #D74B6B #57D232 #4DB92C

Split Complementary Palette

#3956B1 #3F5FC5 #C6633F #CC7352 #A2C63F #92B239

Square Palette

#3550A5 #3F5FC5 #B94B9C #B99F4B #3FC663 #5ECF7C

Tetradic Palette

#344EA2 #3F5FC5 #B228DC #C6A63F #52DC28 #71E24F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5FC5 contains 63 red, 95 green, and 197 blue.

Contrast Ratio: 5.76:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.64:1