#3F5473 Color

Color Information

HEX	#3F5473
RGB	63, 84, 115
HSL	216° , 29% , 35%
HSV	216° , 45% , 45%
CMYK	45%, 27%, 0%, 55%

Lighter Shades

#566984 #6D7D95 #8492A5 #9BA6B6 #B2BBC7 #C9CFD8

Darker Shades

#374A65 #304057 #28364A #212C3C #19222E #121820

Complementary Palette

#364863 #3F5473 #635136 #735E3F #87755A #5A6C87

Analogous Palette

#455B5E #4C6467 #3B4F6C #3F5473 #4F4C67 #5B5775

Triadic Palette

#374A65 #3F5473 #7C3652 #8C4E67 #527C36 #486D30

Split Complementary Palette

#394C68 #3F5473 #73453F #815852 #6E733F #636839

Square Palette

#354761 #3F5473 #6A4867 #6A5D48 #3F7345 #5E8963

Tetradic Palette

#34455E #3F5473 #622F83 #735E3F #51832F #709954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5473 contains 63 red, 84 green, and 115 blue.

Contrast Ratio: 7.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1