#3F4A8E Color

Color Information

HEX	#3F4A8E
RGB	63, 74, 142
HSL	232° , 39% , 40%
HSV	232° , 56% , 56%
CMYK	56%, 48%, 0%, 44%

Lighter Shades

#56609C #6D75A9 #848BB7 #9BA1C4 #B2B7D2 #C9CCDF

Darker Shades

#37417D #30386C #282F5B #21264A #191E39 #121528

Complementary Palette

#36407A #3F4A8E #7A7135 #8E833E #9E9459 #5A639E

Analogous Palette

#4C6370 #536B79 #3B4685 #3F4A8E #615379 #6E6284

Triadic Palette

#37417D #3F4A8E #983441 #A44C58 #419834 #39862E

Split Complementary Palette

#394380 #3F4A8E #8E5B3E #996B51 #718E3E #668038

Square Palette

#353E77 #3F4A8E #84486E #847C48 #3E8E5B #5DA075

Tetradic Palette

#343D74 #3F4A8E #912CA0 #8E833E #3BA02C #5EB152

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F4A8E contains 63 red, 74 green, and 142 blue.

Contrast Ratio: 8.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1