#558DCD

#558DCD

Color Values

HEX

#558DCD

RGB

85, 141, 205

HSL

212.0, 54.5%, 56.9%

HSV

212.0, 58.5%, 80.4%

CMYK

58.5%, 31.2%, 0.0%, 19.6%

OKLCH

0.6327 0.1138 252.9

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#558DCD

#CD9555

Analogous

#55C9CD

#5955CD

#558DCD

Triadic

#558DCD

#CD558D

#8DCD55

Split Complementary

#558DCD

#CD5955

#C9CD55

Tetradic

#558DCD

#CD55C9

#CD9555

#55CD59

Color Blindness Simulation

Original

#558DCD

Protanopia

#6D6EBE

Deuteranopia

#6A66BA

Tritanopia

#58B1AF

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEF
300
#A0C0E3
400
#6D9DD4
500
#3A7BC5
600
#2E629E
700
#254F7E
800
#1D3D62
900
#192F48
950
#101E2E

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026