#3F5A79 Color

Color Information

HEX	#3F5A79
RGB	63, 90, 121
HSL	212° , 32% , 36%
HSV	212° , 48% , 47%
CMYK	48%, 26%, 0%, 53%

Lighter Shades

#566E89 #6D8299 #8495A9 #9BA9B9 #B2BDC9 #C9D1D9

Darker Shades

#374F6A #30445C #283A4D #212F3F #192430 #121922

Complementary Palette

#364D68 #3F5A79 #685135 #795E3E #8C7559 #5A718C

Analogous Palette

#486061 #4E696A #3B5572 #3F5A79 #4F4E6A #5A5978

Triadic Palette

#374F6A #3F5A79 #823559 #914D6D #598235 #4E722F

Split Complementary Palette

#39516D #3F5A79 #79403E #865351 #77793E #6B6D38

Square Palette

#354C66 #3F5A79 #70486F #705E48 #3E7940 #5D8E5F

Tetradic Palette

#344A63 #3F5A79 #602E8A #795E3E #598A2E #779F54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5A79 contains 63 red, 90 green, and 121 blue.

Contrast Ratio: 7.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1