#558B5A Color

Color Information

HEX#558B5A
RGB85, 139, 90
HSL126° , 24% , 44%
HSV126° , 39% , 55%
CMYK39%, 0%, 35%, 45%

Lighter Shades

#69996E #7EA782 #92B595 #A7C3A9 #BBD1BD #CFDFD1

Darker Shades

#4B7A4F #416A44 #36593A #2C482F #223824 #182719

Complementary Palette

#49784D #558B5A #784973 #8B5586 #9B6D97 #6D9B71

Analogous Palette

#637557 #6D815F #508355 #558B5A #5F8174 #688D7F

Triadic Palette

#4B7A4F #558B5A #534A96 #6860A3 #96534A #844941

Split Complementary Palette

#4D7D51 #558B5A #76558B #846697 #8B556B #7D4D60

Square Palette

#47754C #558B5A #5F6D81 #815F7E #8B7655 #9E8C70

Tetradic Palette

#46724A #558B5A #41969F #8B5586 #9F4C41 #B06C63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B5A contains 85 red, 139 green, and 90 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.29:1