#5474AB

#5474AB

Color Values

HEX

#5474AB

RGB

84, 116, 171

HSL

217.9, 34.1%, 50.0%

HSV

217.9, 50.9%, 67.1%

CMYK

50.9%, 32.2%, 0.0%, 32.9%

OKLCH

0.5586 0.0937 260.8

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#5474AB

#AB8B54

Analogous

#54A0AB

#5F54AB

#5474AB

Triadic

#5474AB

#AB5474

#74AB54

Split Complementary

#5474AB

#AB5F54

#A0AB54

Tetradic

#5474AB

#AB54A0

#AB8B54

#54AB5F

Color Blindness Simulation

Original

#5474AB

Protanopia

#62629E

Deuteranopia

#605E9A

Tritanopia

#569391

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E7
300
#ADBCD7
400
#8098C1
500
#5474AB
600
#435D89
700
#364A6D
800
#2A3A55
900
#222D3F
950
#151C28

Contrast Checker

Text on white

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