#556AAA

#556AAA

Color Values

HEX

#556AAA

RGB

85, 106, 170

HSL

225.2, 33.3%, 50.0%

HSV

225.2, 50.0%, 66.7%

CMYK

50.0%, 37.6%, 0.0%, 33.3%

OKLCH

0.5367 0.1038 269.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#556AAA

#AA9555

Analogous

#5594AA

#6B55AA

#556AAA

Triadic

#556AAA

#AA556A

#6AAA55

Split Complementary

#556AAA

#AA6B55

#94AA55

Tetradic

#556AAA

#AA5594

#AA9555

#55AA6B

Color Blindness Simulation

Original

#556AAA

Protanopia

#5E5E9B

Deuteranopia

#5D5B97

Tritanopia

#568E8C

Achromatopsia

#6A6A6A

CSS Usage

background-color: #556AAA;
color: #556AAA;
border-color: #556AAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD5E7
300
#ADB7D6
400
#8191C0
500
#556AAA
600
#445588
700
#36446D
800
#2B3555
900
#22293F
950
#151A28

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail 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