#557DA0

#557DA0

Color Values

HEX

#557DA0

RGB

85, 125, 160

HSL

208.0, 30.6%, 48.0%

HSV

208.0, 46.9%, 62.7%

CMYK

46.9%, 21.9%, 0.0%, 37.3%

OKLCH

0.5743 0.0704 245.8

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#557DA0

#A07855

Analogous

#55A09D

#5557A0

#557DA0

Triadic

#557DA0

#A0557D

#7DA055

Split Complementary

#557DA0

#A05557

#A09D55

Tetradic

#557DA0

#9D55A0

#A07855

#57A055

Color Blindness Simulation

Original

#557DA0

Protanopia

#666798

Deuteranopia

#646196

Tritanopia

#57918F

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D0DCE6
300
#AFC3D5
400
#84A3BE
500
#5882A7
600
#476885
700
#39536B
800
#2C4153
900
#23313E
950
#161F27

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

AA Pass 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