#558AAA

#558AAA

Color Values

HEX

#558AAA

RGB

85, 138, 170

HSL

202.6, 33.3%, 50.0%

HSV

202.6, 50.0%, 66.7%

CMYK

50.0%, 18.8%, 0.0%, 33.3%

OKLCH

0.6091 0.0746 236.3

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#558AAA

#AA7555

Analogous

#55AA9F

#5560AA

#558AAA

Triadic

#558AAA

#AA558A

#8AAA55

Split Complementary

#558AAA

#AA5560

#AA9F55

Tetradic

#558AAA

#9F55AA

#AA7555

#60AA55

Color Blindness Simulation

Original

#558AAA

Protanopia

#6C6CA2

Deuteranopia

#6965A0

Tritanopia

#589C9B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE7
300
#ADC7D6
400
#81A8C0
500
#558AAA
600
#446E88
700
#36586D
800
#2B4555
900
#22343F
950
#152128

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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