#557EAC

#557EAC

Color Values

HEX

#557EAC

RGB

85, 126, 172

HSL

211.7, 34.4%, 50.4%

HSV

211.7, 50.6%, 67.5%

CMYK

50.6%, 26.7%, 0.0%, 32.5%

OKLCH

0.5823 0.0847 252.1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#557EAC

#AC8355

Analogous

#55AAAC

#5755AC

#557EAC

Triadic

#557EAC

#AC557E

#7EAC55

Split Complementary

#557EAC

#AC5755

#AAAC55

Tetradic

#557EAC

#AC55AA

#AC8355

#55AC57

Color Blindness Simulation

Original

#557EAC

Protanopia

#6767A1

Deuteranopia

#64619E

Tritanopia

#579896

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ADC1D7
400
#809FC1
500
#547DAB
600
#436489
700
#36506E
800
#2A3F56
900
#21303F
950
#151E28

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026