#5578AE

#5578AE

Color Values

HEX

#5578AE

RGB

85, 120, 174

HSL

216.4, 35.5%, 50.8%

HSV

216.4, 51.1%, 68.2%

CMYK

51.1%, 31.0%, 0.0%, 31.8%

OKLCH

0.5697 0.0932 258.8

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5578AE

#AE8B55

Analogous

#55A5AE

#5F55AE

#5578AE

Triadic

#5578AE

#AE5578

#78AE55

Split Complementary

#5578AE

#AE5F55

#A5AE55

Tetradic

#5578AE

#AE55A5

#AE8B55

#55AE5F

Color Blindness Simulation

Original

#5578AE

Protanopia

#6464A1

Deuteranopia

#62609E

Tritanopia

#579794

Achromatopsia

#747474

CSS Usage

background-color: #5578AE;
color: #5578AE;
border-color: #5578AE;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CFD9E8
300
#ACBDD8
400
#7F9AC2
500
#5276AD
600
#425E8A
700
#354B6F
800
#293B56
900
#212D40
950
#151D28

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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