#558B9C Color

Color Information

HEX#558B9C
RGB85, 139, 156
HSL194° , 29% , 47%
HSV194° , 46% , 61%
CMYK46%, 11%, 0%, 39%

Lighter Shades

#6999A8 #7EA7B4 #92B5C0 #A7C3CC #BBD1D7 #CFDFE3

Darker Shades

#4B7A89 #416A77 #365964 #2C4851 #22383E #18272C

Complementary Palette

#497886 #558B9C #855749 #9B6555 #A97B6D #6D9BAA

Analogous Palette

#5D7E75 #668A80 #508393 #558B9C #666F8A #6F7995

Triadic Palette

#4B7A89 #558B9C #A7498F #B25F9C #8FA749 #7E9340

Split Complementary Palette

#4D7D8C #558B9C #9B5568 #A56677 #9B8855 #8C7A4D

Square Palette

#477583 #558B9C #82618F #8F6C61 #689B55 #80AB70

Tetradic Palette

#467280 #558B9C #5A40B0 #9B6555 #94B040 #A7BE62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B9C contains 85 red, 139 green, and 156 blue.

Contrast Ratio: 3.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.63:1