#556A5F Color

Color Information

HEX#556A5F
RGB85, 106, 95
HSL149° , 11% , 37%
HSV149° , 20% , 42%
CMYK20%, 0%, 10%, 58%

Lighter Shades

#697C72 #7E8E85 #92A099 #A7B2AC #BBC3BF #CFD5D2

Darker Shades

#4B5D54 #415148 #36443D #2C3731 #222A26 #181E1B

Complementary Palette

#495B52 #556A5F #5A4852 #69545F #7E6C75 #6D7F75

Analogous Palette

#4A644A #506D50 #506459 #556A5F #506D6B #5B7B7A

Triadic Palette

#4B5D54 #556A5F #5E4B72 #716183 #725E4B #645342

Split Complementary Palette

#4D5F56 #556A5F #685469 #776578 #695454 #5F4C4C

Square Palette

#475950 #556A5F #50506D #6D505F #696854 #81806F

Tetradic Palette

#46574E #556A5F #435F7A #69545F #7A5D43 #927A65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556A5F contains 85 red, 106 green, and 95 blue.

Contrast Ratio: 5.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1