#558CBA

#558CBA

Color Values

HEX

#558CBA

RGB

85, 140, 186

HSL

207,3, 42,3%, 53,1%

HSV

207,3, 54,3%, 72,9%

CMYK

54,3%, 24,7%, 0,0%, 27,1%

OKLCH

0,6211 0,0912 245,2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#558CBA

#BA8355

Analogous

#55BAB5

#5559BA

#558CBA

Triadic

#558CBA

#BA558C

#8CBA55

Split Complementary

#558CBA

#BA5559

#BAB555

Tetradic

#558CBA

#B555BA

#BA8355

#59BA55

Color Blindness Simulation

Original

#558CBA

Protanopia

#6D6DAF

Deuteranopia

#6A66AC

Tritanopia

#58A6A4

Achromatopsia

#848484

CSS Usage

background-color: #558CBA;
color: #558CBA;
border-color: #558CBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F8FA
100
#E7EEF4
200
#CCDDEA
300
#A8C4DC
400
#79A4C9
500
#4A84B5
600
#3B6A91
700
#2F5574
800
#25425B
900
#1E3243
950
#13202A

Contrast Checker

Text on white

3,59:1

AA Fail AAA Fail

Text on black

5,85:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026