#5357AC

#5357AC

Color Values

HEX

#5357AC

RGB

83, 87, 172

HSL

237.3, 34.9%, 50.0%

HSV

237.3, 51.7%, 67.5%

CMYK

51.7%, 49.4%, 0.0%, 32.5%

OKLCH

0.497 0.133 278.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#5357AC

#ACA853

Analogous

#5384AC

#7B53AC

#5357AC

Triadic

#5357AC

#AC5357

#57AC53

Split Complementary

#5357AC

#AC7B53

#84AC53

Tetradic

#5357AC

#AC5384

#ACA853

#53AC7B

Color Blindness Simulation

Original

#5357AC

Protanopia

#555597

Deuteranopia

#545492

Tritanopia

#538784

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5357AC;
color: #5357AC;
border-color: #5357AC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFD0E8
300
#ACAED7
400
#8083C2
500
#5357AC
600
#42468A
700
#35386E
800
#2A2C56
900
#212340
950
#151628

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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