#556CAA

#556CAA

Color Values

HEX

#556CAA

RGB

85, 108, 170

HSL

223.8, 33.3%, 50.0%

HSV

223.8, 50.0%, 66.7%

CMYK

50.0%, 36.5%, 0.0%, 33.3%

OKLCH

0.541 0.1012 267.5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#556CAA

#AA9355

Analogous

#5596AA

#6955AA

#556CAA

Triadic

#556CAA

#AA556C

#6CAA55

Split Complementary

#556CAA

#AA6955

#96AA55

Tetradic

#556CAA

#AA5596

#AA9355

#55AA69

Color Blindness Simulation

Original

#556CAA

Protanopia

#5F5F9B

Deuteranopia

#5E5C97

Tritanopia

#568F8D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E7
300
#ADB8D6
400
#8192C0
500
#556CAA
600
#445688
700
#36456D
800
#2B3655
900
#222A3F
950
#151A28

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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