#506D55 Color

Color Information

HEX#506D55
RGB80, 109, 85
HSL130° , 15% , 37%
HSV130° , 27% , 43%
CMYK27%, 0%, 22%, 57%

Lighter Shades

#657F69 #7A907E #8FA292 #A4B3A7 #B9C5BB #CED6CF

Darker Shades

#46604B #3D5341 #334636 #2A392C #202C22 #161F18

Complementary Palette

#455E49 #506D55 #5E4559 #6D5068 #81697D #69816D

Analogous Palette

#53644A #5A6D50 #4B6650 #506D55 #506D63 #5B7B6F

Triadic Palette

#46604B #506D55 #4F4776 #645D86 #764F47 #68463E

Split Complementary Palette

#48624D #506D55 #63506D #73627C #6D505A #624851

Square Palette

#435C47 #506D55 #505A6D #6D5068 #6D6350 #847C6C

Tetradic Palette

#425946 #506D55 #3F737D #6D5068 #7D4A3F #946B62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506D55 contains 80 red, 109 green, and 85 blue.

Contrast Ratio: 5.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1