#506C5B Color

Color Information

HEX#506C5B
RGB80, 108, 91
HSL144° , 15% , 37%
HSV144° , 26% , 42%
CMYK26%, 0%, 16%, 58%

Lighter Shades

#657E6F #7A8F82 #8FA196 #A4B3AA #B9C4BD #CED6D1

Darker Shades

#465F50 #3D5245 #33453A #2A382F #202B24 #161E19

Complementary Palette

#455D4E #506C5B #5E4553 #6D5061 #816977 #698172

Analogous Palette

#4C644A #536D50 #4B6656 #506C5B #506D6A #5B7B77

Triadic Palette

#465F50 #506C5B #5A4776 #6E5D86 #765A47 #684F3E

Split Complementary Palette

#486152 #506C5B #6A506D #79627C #6D5053 #62484B

Square Palette

#435B4C #506C5B #50536D #6D5061 #6D6A50 #84826C

Tetradic Palette

#42594B #506C5B #3F647D #6D5061 #7D593F #947762

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506C5B contains 80 red, 108 green, and 91 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1