#506D4B Color

Color Information

HEX	#506D4B
RGB	80, 109, 75
HSL	111° , 18% , 36%
HSV	111° , 31% , 43%
CMYK	27%, 0%, 31%, 57%

Lighter Shades

#657F61 #7A9076 #8FA28C #A4B3A1 #B9C5B7 #CED6CD

Darker Shades

#466042 #3D5339 #334630 #2A3927 #202C1E #161F15

Complementary Palette

#455E41 #506D4B #59415D #674B6C #7C6481 #698164

Analogous Palette

#586148 #606A4E #4B6647 #506D4B #4E6A58 #597864

Triadic Palette

#466042 #506D4B #424A76 #596086 #76424A #683A41

Split Complementary Palette

#486244 #506D4B #574B6C #685D7B #6C4B61 #614457

Square Palette

#435C3F #506D4B #4E606A #654E6A #6C574B #847268

Tetradic Palette

#42593E #506D4B #3B7D73 #674B6C #7D3B45 #945E66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D4B contains 80 red, 109 green, and 75 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1