#558C8B Color

Color Information

HEX	#558C8B
RGB	85, 140, 139
HSL	179° , 24% , 44%
HSV	179° , 39% , 55%
CMYK	39%, 0%, 1%, 45%

Lighter Shades

#699A99 #7EA8A7 #92B5B5 #A7C3C3 #BBD1D1 #CFDFDF

Darker Shades

#4B7B7A #416A6A #365A59 #2C4948 #223838 #182727

Complementary Palette

#497878 #558C8B #78494A #8B5556 #9B6D6E #6D9C9B

Analogous Palette

#577565 #5F8170 #508483 #558C8B #5F7181 #687B8D

Triadic Palette

#4B7B7A #558C8B #954A96 #A260A3 #96954A #848341

Split Complementary Palette

#4D7E7D #558C8B #8B5571 #97667F #8B6F55 #7D644D

Square Palette

#477675 #558C8B #705F81 #815F60 #718B55 #889E70

Tetradic Palette

#467372 #558C8B #41439F #8B5556 #9F9E41 #B0AF63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558C8B contains 85 red, 140 green, and 139 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.58:1