#5574AA

#5574AA

Color Values

HEX

#5574AA

RGB

85, 116, 170

HSL

218.1, 33.3%, 50.0%

HSV

218.1, 50.0%, 66.7%

CMYK

50.0%, 31.8%, 0.0%, 33.3%

OKLCH

0.5587 0.0918 261.1

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#5574AA

#AA8B55

Analogous

#559EAA

#6155AA

#5574AA

Triadic

#5574AA

#AA5574

#74AA55

Split Complementary

#5574AA

#AA6155

#9EAA55

Tetradic

#5574AA

#AA559E

#AA8B55

#55AA61

Color Blindness Simulation

Original

#5574AA

Protanopia

#62639D

Deuteranopia

#615E9A

Tritanopia

#579390

Achromatopsia

#717171

CSS Usage

background-color: #5574AA;
color: #5574AA;
border-color: #5574AA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E7
300
#ADBCD6
400
#8198C0
500
#5574AA
600
#445D88
700
#364A6D
800
#2B3A55
900
#222D3F
950
#151C28

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026