#3F5650 Color

Color Information

HEX	#3F5650
RGB	63, 86, 80
HSL	164° , 15% , 29%
HSV	164° , 27% , 34%
CMYK	27%, 0%, 7%, 66%

Lighter Shades

#566A65 #6D7F7A #84938F #9BA7A4 #B2BBB9 #C9D0CE

Darker Shades

#374C46 #30413D #283733 #212D2A #192220 #121816

Complementary Palette

#364A45 #3F5650 #49363B #553F45 #6D5A5F #5A6E69

Analogous Palette

#3B4F40 #3F5544 #3B514B #3F5650 #3F5055 #4C6067

Triadic Palette

#374C46 #3F5650 #53375C #684F70 #5C5337 #514930

Split Complementary Palette

#394D48 #3F5650 #553F50 #665262 #55443F #4D3D39

Square Palette

#354843 #3F5650 #443F55 #553F45 #50553F #6C705E

Tetradic Palette

#344742 #3F5650 #323F62 #553F45 #625532 #7E7457

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5650 contains 63 red, 86 green, and 80 blue.

Contrast Ratio: 8.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1