#5476AB

#5476AB

Color Values

HEX

#5476AB

RGB

84, 118, 171

HSL

216.6, 34.1%, 50.0%

HSV

216.6, 50.9%, 67.1%

CMYK

50.9%, 31.0%, 0.0%, 32.9%

OKLCH

0.5631 0.0915 259.0

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#5476AB

#AB8954

Analogous

#54A1AB

#5E54AB

#5476AB

Triadic

#5476AB

#AB5476

#76AB54

Split Complementary

#5476AB

#AB5E54

#A1AB54

Tetradic

#5476AB

#AB54A1

#AB8954

#54AB5E

Color Blindness Simulation

Original

#5476AB

Protanopia

#63639E

Deuteranopia

#615E9B

Tritanopia

#569492

Achromatopsia

#737373

CSS Usage

background-color: #5476AB;
color: #5476AB;
border-color: #5476AB;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E7
300
#ADBDD7
400
#809AC1
500
#5476AB
600
#435E89
700
#364B6D
800
#2A3B55
900
#222D3F
950
#151D28

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

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