#556477

#556477

Color Values

HEX

#556477

RGB

85, 100, 119

HSL

213.5, 16.7%, 40.0%

HSV

213.5, 28.6%, 46.7%

CMYK

28.6%, 16.0%, 0.0%, 53.3%

OKLCH

0.4979 0.0356 254.5

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#556477

#776855

Analogous

#557577

#575577

#556477

Triadic

#556477

#775564

#647755

Split Complementary

#556477

#775755

#757755

Tetradic

#556477

#775575

#776855

#557757

Color Blindness Simulation

Original

#556477

Protanopia

#5B5C72

Deuteranopia

#5B5A71

Tritanopia

#566F6E

Achromatopsia

#626262

CSS Usage

background-color: #556477;
color: #556477;
border-color: #556477;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B8C1CC
400
#919FB0
500
#6A7D95
600
#556477
700
#44505F
800
#353F4A
900
#293038
950
#1A1E23

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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