#557080

#557080

Color Values

HEX

#557080

RGB

85, 112, 128

HSL

202.3, 20.2%, 41.8%

HSV

202.3, 33.6%, 50.2%

CMYK

33.6%, 12.5%, 0.0%, 49.8%

OKLCH

0.53 0.0404 234.5

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#557080

#806555

Analogous

#55807B

#555B80

#557080

Triadic

#557080

#805570

#708055

Split Complementary

#557080

#80555B

#807B55

Tetradic

#557080

#7B5580

#806555

#5B8055

Color Blindness Simulation

Original

#557080

Protanopia

#61617C

Deuteranopia

#5F5D7B

Tritanopia

#567978

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CE
400
#8EA6B4
500
#668699
600
#516B7B
700
#415662
800
#33434D
900
#283339
950
#192024

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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