#556FAA

#556FAA

Color Values

HEX

#556FAA

RGB

85, 111, 170

HSL

221.6, 33.3%, 50.0%

HSV

221.6, 50.0%, 66.7%

CMYK

50.0%, 34.7%, 0.0%, 33.3%

OKLCH

0.5476 0.0976 265.3

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#556FAA

#AA9055

Analogous

#559AAA

#6555AA

#556FAA

Triadic

#556FAA

#AA556F

#6FAA55

Split Complementary

#556FAA

#AA6555

#9AAA55

Tetradic

#556FAA

#AA559A

#AA9055

#55AA65

Color Blindness Simulation

Original

#556FAA

Protanopia

#60609C

Deuteranopia

#5F5D98

Tritanopia

#56908E

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBAD6
400
#8195C0
500
#556FAA
600
#445988
700
#36476D
800
#2B3855
900
#222B3F
950
#151B28

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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