#557284

#557284

Color Values

HEX

#557284

RGB

85, 114, 132

HSL

203.0, 21.7%, 42.5%

HSV

203.0, 35.6%, 51.8%

CMYK

35.6%, 13.6%, 0.0%, 48.2%

OKLCH

0.5363 0.044 235.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#557284

#846755

Analogous

#55847E

#555A84

#557284

Triadic

#557284

#845572

#728455

Split Complementary

#557284

#84555A

#847E55

Tetradic

#557284

#7E5584

#846755

#5A8455

Color Blindness Simulation

Original

#557284

Protanopia

#626280

Deuteranopia

#605E7F

Tritanopia

#567C7B

Achromatopsia

#6D6D6D

CSS Usage

background-color: #557284;
color: #557284;
border-color: #557284;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8CA5B5
500
#64869B
600
#506B7C
700
#405663
800
#32434E
900
#27333A
950
#192025

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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