#558D8D Color

Color Information

HEX	#558D8D
RGB	85, 141, 141
HSL	180° , 25% , 44%
HSV	180° , 40% , 55%
CMYK	40%, 0%, 0%, 45%

Lighter Shades

#699B9B #7EA8A8 #92B6B6 #A7C4C4 #BBD1D1 #CFDFDF

Darker Shades

#4B7C7C #416B6B #365A5A #2C4949 #223838 #182727

Complementary Palette

#497979 #558D8D #784848 #8C5454 #9C6C6C #6D9D9D

Analogous Palette

#577566 #5F8170 #508585 #558D8D #5F7081 #687A8D

Triadic Palette

#4B7C7C #558D8D #974997 #A35FA3 #979749 #858540

Split Complementary Palette

#4D7F7F #558D8D #8C5470 #98657E #8C7054 #7E654C

Square Palette

#477676 #558D8D #705F81 #815F5F #708C54 #879E6F

Tetradic Palette

#467474 #558D8D #4040A0 #8C5454 #A0A040 #B1B162

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558D8D contains 85 red, 141 green, and 141 blue.

Contrast Ratio: 3.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.66:1