#506D5C Color

Color Information

HEX	#506D5C
RGB	80, 109, 92
HSL	145° , 15% , 37%
HSV	145° , 27% , 43%
CMYK	27%, 0%, 16%, 57%

Lighter Shades

#657F70 #7A9083 #8FA297 #A4B3AA #B9C5BE #CED6D1

Darker Shades

#466051 #3D5346 #33463B #2A3930 #202C25 #161F1A

Complementary Palette

#455E4F #506D5C #5E4553 #6D5061 #816977 #698173

Analogous Palette

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

Triadic Palette

#466051 #506D5C #5A4776 #6E5D86 #765A47 #684F3E

Split Complementary Palette

#486253 #506D5C #6A506D #79627C #6D5053 #62484B

Square Palette

#435C4D #506D5C #50536D #6D5061 #6D6A50 #84826C

Tetradic Palette

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

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D5C contains 80 red, 109 green, and 92 blue.

Contrast Ratio: 5.69:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1