#558BAA

#558BAA

Color Values

HEX

#558BAA

RGB

85, 139, 170

HSL

201.9, 33.3%, 50.0%

HSV

201.9, 50.0%, 66.7%

CMYK

50.0%, 18.2%, 0.0%, 33.3%

OKLCH

0.6115 0.0742 235.0

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#558BAA

#AA7455

Analogous

#55AA9E

#5561AA

#558BAA

Triadic

#558BAA

#AA558B

#8BAA55

Split Complementary

#558BAA

#AA5561

#AA9E55

Tetradic

#558BAA

#9E55AA

#AA7455

#61AA55

Color Blindness Simulation

Original

#558BAA

Protanopia

#6C6DA3

Deuteranopia

#6965A1

Tritanopia

#589D9B

Achromatopsia

#828282

CSS Usage

background-color: #558BAA;
color: #558BAA;
border-color: #558BAA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE7
300
#ADC7D6
400
#81A9C0
500
#558BAA
600
#446F88
700
#36596D
800
#2B4555
900
#22343F
950
#152128

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66: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