#559CAA

#559CAA

Color Values

HEX

#559CAA

RGB

85, 156, 170

HSL

189.9, 33.3%, 50.0%

HSV

189.9, 50.0%, 66.7%

CMYK

50.0%, 8.2%, 0.0%, 33.3%

OKLCH

0.6518 0.0742 211.9

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#559CAA

#AA6355

Analogous

#55AA8E

#5571AA

#559CAA

Triadic

#559CAA

#AA559C

#9CAA55

Split Complementary

#559CAA

#AA5571

#AA8E55

Tetradic

#559CAA

#8E55AA

#AA6355

#71AA55

Color Blindness Simulation

Original

#559CAA

Protanopia

#7474A7

Deuteranopia

#706AA6

Tritanopia

#59A4A3

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE3E7
300
#ADCFD6
400
#81B6C0
500
#559CAA
600
#447D88
700
#36646D
800
#2B4E55
900
#223A3F
950
#152528

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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