#556EAE

#556EAE

Color Values

HEX

#556EAE

RGB

85, 110, 174

HSL

223.1, 35.5%, 50.8%

HSV

223.1, 51.1%, 68.2%

CMYK

51.1%, 36.8%, 0.0%, 31.8%

OKLCH

0.5476 0.1046 266.8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#556EAE

#AE9555

Analogous

#559BAE

#6855AE

#556EAE

Triadic

#556EAE

#AE556E

#6EAE55

Split Complementary

#556EAE

#AE6855

#9BAE55

Tetradic

#556EAE

#AE559B

#AE9555

#55AE68

Color Blindness Simulation

Original

#556EAE

Protanopia

#60609F

Deuteranopia

#5E5C9B

Tritanopia

#569290

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CFD6E8
300
#ACB8D8
400
#7F92C2
500
#526CAD
600
#42568A
700
#35456F
800
#293656
900
#212A40
950
#151A28

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026