#5480AC

#5480AC

Color Values

HEX

#5480AC

RGB

84, 128, 172

HSL

210.0, 34.6%, 50.2%

HSV

210.0, 51.2%, 67.5%

CMYK

51.2%, 25.6%, 0.0%, 32.5%

OKLCH

0.5863 0.0836 249.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5480AC

#AC8054

Analogous

#54ACAC

#5454AC

#5480AC

Triadic

#5480AC

#AC5480

#80AC54

Split Complementary

#5480AC

#AC5454

#ACAC54

Tetradic

#5480AC

#AC54AC

#AC8054

#54AC54

Color Blindness Simulation

Original

#5480AC

Protanopia

#6767A1

Deuteranopia

#64619F

Tritanopia

#569997

Achromatopsia

#7A7A7A

CSS Usage

background-color: #5480AC;
color: #5480AC;
border-color: #5480AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ADC2D7
400
#80A1C1
500
#5380AC
600
#436689
700
#35526E
800
#2A4056
900
#213040
950
#151F28

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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