#558B60 Color

Color Information

HEX#558B60
RGB85, 139, 96
HSL132° , 24% , 44%
HSV132° , 39% , 55%
CMYK39%, 0%, 31%, 45%

Lighter Shades

#699973 #7EA786 #92B599 #A7C3AC #BBD1BF #CFDFD2

Darker Shades

#4B7A54 #416A49 #36593D #2C4832 #223826 #18271B

Complementary Palette

#497853 #558B60 #78496E #8B5580 #9B6D92 #6D9B76

Analogous Palette

#607557 #69815F #50835A #558B60 #5F8177 #688D82

Triadic Palette

#4B7A54 #558B60 #594A96 #6D60A3 #96594A #844E41

Split Complementary Palette

#4D7D56 #558B60 #7B558B #886697 #8B5565 #7D4D5B

Square Palette

#477551 #558B60 #5F6981 #815F7A #8B7B55 #9E9070

Tetradic Palette

#46724F #558B60 #418C9F #8B5580 #9F5441 #B07363

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B60 contains 85 red, 139 green, and 96 blue.

Contrast Ratio: 3.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.31:1