#558B5E Color

Color Information

HEX#558B5E
RGB85, 139, 94
HSL130° , 24% , 44%
HSV130° , 39% , 55%
CMYK39%, 0%, 32%, 45%

Lighter Shades

#699971 #7EA785 #92B598 #A7C3AB #BBD1BF #CFDFD2

Darker Shades

#4B7A53 #416A47 #36593C #2C4831 #223826 #18271A

Complementary Palette

#497851 #558B5E #784970 #8B5582 #9B6D94 #6D9B75

Analogous Palette

#617557 #6B815F #508358 #558B5E #5F8176 #688D81

Triadic Palette

#4B7A53 #558B5E #574A96 #6B60A3 #96574A #844D41

Split Complementary Palette

#4D7D55 #558B5E #79558B #866697 #8B5567 #7D4D5D

Square Palette

#47754F #558B5E #5F6B81 #815F7B #8B7955 #9E8E70

Tetradic Palette

#46724D #558B5E #41909F #8B5582 #9F5141 #B07063

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B5E contains 85 red, 139 green, and 94 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.3:1