#506C5E Color

Color Information

HEX	#506C5E
RGB	80, 108, 94
HSL	150° , 15% , 37%
HSV	150° , 26% , 42%
CMYK	26%, 0%, 13%, 58%

Lighter Shades

#657E71 #7A8F85 #8FA198 #A4B3AB #B9C4BF #CED6D2

Darker Shades

#465F53 #3D5247 #33453C #2A3831 #202B26 #161E1A

Complementary Palette

#455D51 #506C5E #5E4551 #6D505E #816975 #698175

Analogous Palette

#4A644A #506D50 #4B6658 #506C5E #506D6D #5B7B7B

Triadic Palette

#465F53 #506C5E #5E4776 #715D86 #765E47 #68533E

Split Complementary Palette

#486155 #506C5E #6D506D #7C627C #6D5050 #624848

Square Palette

#435B4F #506C5E #50506D #6D505E #6D6D50 #84846C

Tetradic Palette

#42594D #506C5E #3F5D7D #6D505E #7D5D3F #947A62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506C5E contains 80 red, 108 green, and 94 blue.

Contrast Ratio: 5.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.65:1