#557FB2

#557FB2

Color Values

HEX

#557FB2

RGB

85, 127, 178

HSL

212.9, 37.7%, 51.6%

HSV

212.9, 52.2%, 69.8%

CMYK

52.2%, 28.7%, 0.0%, 30.2%

OKLCH

0.5875 0.0917 253.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#557FB2

#B28855

Analogous

#55AEB2

#5A55B2

#557FB2

Triadic

#557FB2

#B2557F

#7FB255

Split Complementary

#557FB2

#B25A55

#AEB255

Tetradic

#557FB2

#B255AE

#B28855

#55B25A

Color Blindness Simulation

Original

#557FB2

Protanopia

#6768A6

Deuteranopia

#6562A3

Tritanopia

#579C9A

Achromatopsia

#7A7A7A

CSS Usage

background-color: #557FB2;
color: #557FB2;
border-color: #557FB2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#ABC0D9
400
#7D9DC4
500
#4F7BB0
600
#40628C
700
#334F70
800
#283D58
900
#202F41
950
#141E29

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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