#558E4E Color

Color Information

HEX#558E4E
RGB85, 142, 78
HSL113° , 29% , 43%
HSV113° , 45% , 56%
CMYK40%, 0%, 45%, 44%

Lighter Shades

#699C63 #7EA978 #92B78E #A7C4A3 #BBD2B8 #CFDFCD

Darker Shades

#4B7D45 #416C3B #365B32 #2C4A29 #22391F #182816

Complementary Palette

#497A43 #558E4E #734379 #864E8D #97679D #6D9E67

Analogous Palette

#6A7557 #717E5D #508549 #558E4E #5D7E6A #668A74

Triadic Palette

#4B7D45 #558E4E #434D98 #5A62A4 #98434D #863B44

Split Complementary Palette

#4D8046 #558E4E #664E8D #756098 #8D4E75 #7F4669

Square Palette

#477742 #558E4E #597382 #7E5982 #8D664E #9F7E6A

Tetradic Palette

#467440 #558E4E #3AA195 #864E8D #A13A46 #B25D67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558E4E contains 85 red, 142 green, and 78 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1