#558B95 Color

Color Information

HEX#558B95
RGB85, 139, 149
HSL189° , 27% , 46%
HSV189° , 43% , 58%
CMYK43%, 7%, 0%, 42%

Lighter Shades

#6999A2 #7EA7AE #92B5BB #A7C3C8 #BBD1D5 #CFDFE1

Darker Shades

#4B7A83 #416A71 #36595F #2C484D #22383C #18272A

Complementary Palette

#497880 #558B95 #80524A #955F56 #A4756E #6D9BA4

Analogous Palette

#5B7B70 #64877B #50838C #558B95 #647087 #6C7A93

Triadic Palette

#4B7A83 #558B95 #A14A92 #AC609F #92A14A #808E41

Split Complementary Palette

#4D7D86 #558B95 #95566C #A0677B #957F56 #86724D

Square Palette

#47757D #558B95 #7B6189 #896761 #6C9556 #84A671

Tetradic Palette

#46727A #558B95 #5041AA #955F56 #98AA41 #ABB963

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #558B95 contains 85 red, 139 green, and 149 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.59:1