#3F61C6 Color

Color Information

HEX	#3F61C6
RGB	63, 97, 198
HSL	225° , 54% , 51%
HSV	225° , 68% , 78%
CMYK	68%, 51%, 0%, 22%

Lighter Shades

#5674CD #6D87D4 #849ADB #9BADE1 #B2C0E8 #C9D3EF

Darker Shades

#3755AE #304A96 #283E7F #213267 #19274F #121B37

Complementary Palette

#3653AA #3F61C6 #AA8D36 #C6A43F #CEB15A #5A77CE

Analogous Palette

#518B9E #5897AD #3B5BBA #3F61C6 #6D58AD #7864B4

Triadic Palette

#3755AE #3F61C6 #D2325A #D74B6E #5AD232 #4FB92C

Split Complementary Palette

#3957B2 #3F61C6 #C6603F #CC7052 #A4C63F #94B239

Square Palette

#3551A6 #3F61C6 #B94B9E #B99E4B #3FC660 #5ECF79

Tetradic Palette

#3450A2 #3F61C6 #AF28DC #C6A43F #55DC28 #74E24F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F61C6 contains 63 red, 97 green, and 198 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1