#556D50 Color

Color Information

HEX#556D50
RGB85, 109, 80
HSL110° , 15% , 37%
HSV110° , 27% , 43%
CMYK22%, 0%, 27%, 57%

Lighter Shades

#697F65 #7E907A #92A28F #A7B3A4 #BBC5B9 #CFD6CE

Darker Shades

#4B6046 #41533D #364633 #2C392A #222C20 #181F16

Complementary Palette

#495E45 #556D50 #59455E #68506D #7D6981 #6D8169

Analogous Palette

#5B644A #636D50 #50664B #556D50 #506D5A #5B7B66

Triadic Palette

#4B6046 #556D50 #474F76 #5D6486 #76474F #683E46

Split Complementary Palette

#4D6248 #556D50 #5A506D #6B627C #6D5063 #624859

Square Palette

#475C43 #556D50 #50636D #68506D #6D5A50 #84746C

Tetradic Palette

#465942 #556D50 #3F7D73 #68506D #7D3F4A #94626B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556D50 contains 85 red, 109 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.7:1