#3F4A8F Color

Color Information

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

Lighter Shades

#56609C #6D75AA #848BB7 #9BA1C5 #B2B7D2 #C9CCE0

Darker Shades

#37417E #30386D #282F5C #21264A #191E39 #121528

Complementary Palette

#36407B #3F4A8F #7A7135 #8E833E #9E9459 #5A639F

Analogous Palette

#4C6370 #536B79 #3B4686 #3F4A8F #615379 #6E6284

Triadic Palette

#37417E #3F4A8F #983441 #A44C58 #419834 #39862E

Split Complementary Palette

#394381 #3F4A8F #8E5B3E #996B51 #718E3E #668038

Square Palette

#353E78 #3F4A8F #84486E #847C48 #3E8E5B #5DA075

Tetradic Palette

#343D75 #3F4A8F #912CA0 #8E833E #3BA02C #5EB152

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F4A8F contains 63 red, 74 green, and 143 blue.

Contrast Ratio: 8.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1