#5453CE

#5453CE

Color Values

HEX

#5453CE

RGB

84, 83, 206

HSL

240.5, 55.7%, 56.7%

HSV

240.5, 59.7%, 80.8%

CMYK

59.2%, 59.7%, 0.0%, 19.2%

OKLCH

0.5151 0.1851 278.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5453CE

#CDCE53

Analogous

#5390CE

#9253CE

#5453CE

Triadic

#5453CE

#CE5453

#53CE54

Split Complementary

#5453CE

#CE9253

#90CE53

Tetradic

#5453CE

#CE5390

#CDCE53

#53CE92

Color Blindness Simulation

Original

#5453CE

Protanopia

#5454B0

Deuteranopia

#5454A9

Tritanopia

#549994

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5453CE;
color: #5453CE;
border-color: #5453CE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C8C7EF
300
#A0A0E4
400
#6D6CD5
500
#3A38C7
600
#2E2D9F
700
#25247F
800
#1D1C63
900
#191849
950
#100F2E

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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