#5384AC

#5384AC

Color Values

HEX

#5384AC

RGB

83, 132, 172

HSL

207.0, 34.9%, 50.0%

HSV

207.0, 51.7%, 67.5%

CMYK

51.7%, 23.3%, 0.0%, 32.5%

OKLCH

0.595 0.0813 244.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5384AC

#AC7B53

Analogous

#53ACA8

#5357AC

#5384AC

Triadic

#5384AC

#AC5384

#84AC53

Split Complementary

#5384AC

#AC5357

#ACA853

Tetradic

#5384AC

#A853AC

#AC7B53

#57AC53

Color Blindness Simulation

Original

#5384AC

Protanopia

#6869A2

Deuteranopia

#6562A0

Tritanopia

#559B99

Achromatopsia

#7C7C7C

CSS Usage

background-color: #5384AC;
color: #5384AC;
border-color: #5384AC;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDDE8
300
#ACC4D7
400
#80A4C2
500
#5384AC
600
#426A8A
700
#35546E
800
#2A4256
900
#213240
950
#152028

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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