#559AAA

#559AAA

Color Values

HEX

#559AAA

RGB

85, 154, 170

HSL

191.3, 33.3%, 50.0%

HSV

191.3, 50.0%, 66.7%

CMYK

50.0%, 9.4%, 0.0%, 33.3%

OKLCH

0.647 0.0736 214.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#559AAA

#AA6555

Analogous

#55AA8F

#5570AA

#559AAA

Triadic

#559AAA

#AA559A

#9AAA55

Split Complementary

#559AAA

#AA5570

#AA8F55

Tetradic

#559AAA

#8F55AA

#AA6555

#70AA55

Color Blindness Simulation

Original

#559AAA

Protanopia

#7373A6

Deuteranopia

#6F6AA5

Tritanopia

#58A3A2

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E7
300
#ADCFD6
400
#81B4C0
500
#559AAA
600
#447B88
700
#36636D
800
#2B4D55
900
#223A3F
950
#152428

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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