#3F5774 Color

Color Information

HEX#3F5774
RGB63, 87, 116
HSL213° , 30% , 35%
HSV213° , 46% , 45%
CMYK46%, 25%, 0%, 55%

Lighter Shades

#566B85 #6D7F95 #8493A6 #9BA8B7 #B2BCC7 #C9D0D8

Darker Shades

#374D66 #304258 #28384A #212D3C #19232E #121820

Complementary Palette

#364B64 #3F5774 #644F35 #745C3E #877359 #5A6F87

Analogous Palette

#455C5E #4C6567 #3B526D #3F5774 #4D4C67 #595775

Triadic Palette

#374D66 #3F5774 #7D3657 #8D4E6B #577D36 #4D6E30

Split Complementary Palette

#394E68 #3F5774 #74413E #825451 #71743E #666838

Square Palette

#354961 #3F5774 #6B4769 #6B5B47 #3E7441 #5D8A5F

Tetradic Palette

#34475F #3F5774 #5E2E84 #745C3E #56842E #749A54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5774 contains 63 red, 87 green, and 116 blue.

Contrast Ratio: 7.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1