#3F5A4C Color

Color Information

HEX#3F5A4C
RGB63, 90, 76
HSL149° , 18% , 30%
HSV149° , 30% , 35%
CMYK30%, 0%, 16%, 65%

Lighter Shades

#566E61 #6D8277 #84958C #9BA9A2 #B2BDB7 #C9D1CD

Darker Shades

#374F43 #30443A #283A31 #212F28 #19241E #121915

Complementary Palette

#364D41 #3F5A4C #4D3642 #5A3F4D #715A66 #5A7165

Analogous Palette

#3D523D #415841 #3B5547 #3F5A4C #415858 #4C6767

Triadic Palette

#374F43 #3F5A4C #4C3762 #614F75 #624C37 #564330

Split Complementary Palette

#395144 #3F5A4C #5A3F5A #6B526B #5A3F3F #513939

Square Palette

#354C40 #3F5A4C #414158 #58414D #5A5A3F #74745E

Tetradic Palette

#344A3E #3F5A4C #314D68 #5A3F4D #684C31 #836C56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5A4C contains 63 red, 90 green, and 76 blue.

Contrast Ratio: 7.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.74:1