#558D95 Color

Color Information

HEX	#558D95
RGB	85, 141, 149
HSL	188° , 27% , 46%
HSV	188° , 43% , 58%
CMYK	43%, 5%, 0%, 42%

Lighter Shades

#699BA2 #7EA8AE #92B6BB #A7C4C8 #BBD1D5 #CFDFE1

Darker Shades

#4B7C83 #416B71 #365A5F #2C494D #22383C #18272A

Complementary Palette

#497980 #558D95 #80514A #955E56 #A4756E #6D9DA4

Analogous Palette

#5B7B6F #64877A #50858C #558D95 #647187 #6C7A93

Triadic Palette

#4B7C83 #558D95 #A14A95 #AC60A2 #95A14A #838E41

Split Complementary Palette

#4D7F86 #558D95 #95566D #A0677C #957E56 #86714D

Square Palette

#47767D #558D95 #7B6189 #896761 #6D9556 #84A671

Tetradic Palette

#46747A #558D95 #4F41AA #955E56 #9CAA41 #AEB963

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.71:1