#506E50 Color

Color Information

HEX#506E50
RGB80, 110, 80
HSL120° , 16% , 37%
HSV120° , 27% , 43%
CMYK27%, 0%, 27%, 57%

Lighter Shades

#657F65 #7A917A #8FA28F #A4B4A4 #B9C5B9 #CED6CE

Darker Shades

#466146 #3D543D #334633 #2A392A #202C20 #161F16

Complementary Palette

#455F45 #506E50 #5E445E #6D4F6D #816881 #698269

Analogous Palette

#56644A #5E6D50 #4B674B #506E50 #506D5E #5B7B6B

Triadic Palette

#466146 #506E50 #464677 #5C5C87 #774646 #693E3E

Split Complementary Palette

#486348 #506E50 #5E4F6D #6E617C #6D4F5E #624755

Square Palette

#435C43 #506E50 #505E6D #6D506D #6D5E4F #84786B

Tetradic Palette

#425A42 #506E50 #3E7E7E #6D4F6D #7E3E3E #956161

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506E50 contains 80 red, 110 green, and 80 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.69:1