#556C60 Color

Color Information

HEX#556C60
RGB85, 108, 96
HSL149° , 12% , 38%
HSV149° , 21% , 42%
CMYK21%, 0%, 11%, 58%

Lighter Shades

#697E73 #7E8F86 #92A199 #A7B3AC #BBC4BF #CFD6D2

Darker Shades

#4B5F54 #415249 #36453D #2C3832 #222B26 #181E1B

Complementary Palette

#495D53 #556C60 #5E4953 #6D5561 #816D77 #6D8176

Analogous Palette

#4D674C #536F52 #50665A #556C60 #526F6E #5D7E7C

Triadic Palette

#4B5F54 #556C60 #614C76 #746186 #76614C #685543

Split Complementary Palette

#4D6156 #556C60 #6C556D #7B667C #6D5556 #624D4D

Square Palette

#475B51 #556C60 #52536F #6F5261 #6D6C55 #848470

Tetradic Palette

#46594F #556C60 #44617E #6D5561 #7E6144 #957D66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #556C60 contains 85 red, 108 green, and 96 blue.

Contrast Ratio: 5.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1