#5376AC

#5376AC

Color Values

HEX

#5376AC

RGB

83, 118, 172

HSL

216.4, 34.9%, 50.0%

HSV

216.4, 51.7%, 67.5%

CMYK

51.7%, 31.4%, 0.0%, 32.5%

OKLCH

0.563 0.0934 258.8

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#5376AC

#AC8953

Analogous

#53A3AC

#5C53AC

#5376AC

Triadic

#5376AC

#AC5376

#76AC53

Split Complementary

#5376AC

#AC5C53

#A3AC53

Tetradic

#5376AC

#AC53A3

#AC8953

#53AC5C

Color Blindness Simulation

Original

#5376AC

Protanopia

#62629F

Deuteranopia

#605E9C

Tritanopia

#559592

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E8
300
#ACBDD7
400
#809AC2
500
#5376AC
600
#425E8A
700
#354C6E
800
#2A3B56
900
#212D40
950
#151D28

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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