#558B96 Color

Color Information

HEX#558B96
RGB85, 139, 150
HSL190° , 28% , 46%
HSV190° , 43% , 59%
CMYK43%, 7%, 0%, 41%

Lighter Shades

#6999A3 #7EA7AF #92B5BC #A7C3C8 #BBD1D5 #CFDFE2

Darker Shades

#4B7A84 #416A72 #365960 #2C484E #22383C #18272A

Complementary Palette

#497881 #558B96 #815248 #965F54 #A5756C #6D9BA5

Analogous Palette

#5B7B70 #64877B #50838D #558B96 #646F87 #6C7993

Triadic Palette

#4B7A84 #558B96 #A24993 #AD5FA0 #93A249 #818F40

Split Complementary Palette

#4D7D87 #558B96 #96546A #A16579 #968054 #87734C

Square Palette

#47757E #558B96 #7C608A #8A6760 #6A9654 #82A76F

Tetradic Palette

#46727B #558B96 #513FAB #965F54 #99AB3F #ABBA62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B96 contains 85 red, 139 green, and 150 blue.

Contrast Ratio: 3.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.59:1