#5462ED

#5462ED

Color Values

HEX

#5462ED

RGB

84, 98, 237

HSL

234.5, 81.0%, 62.9%

HSV

234.5, 64.6%, 92.9%

CMYK

64.6%, 58.6%, 0.0%, 7.1%

OKLCH

0.5659 0.2072 273.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5462ED

#EDDF54

Analogous

#54AEED

#9254ED

#5462ED

Triadic

#5462ED

#ED5462

#62ED54

Split Complementary

#5462ED

#ED9254

#AEED54

Tetradic

#5462ED

#ED54AE

#EDDF54

#54ED92

Color Blindness Simulation

Original

#5462ED

Protanopia

#5A5ACB

Deuteranopia

#5958C3

Tritanopia

#55B1AB

Achromatopsia

#696969

CSS Usage

background-color: #5462ED;
color: #5462ED;
border-color: #5462ED;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E3F9
200
#BEC4F8
300
#9099F3
400
#5462ED
500
#182BE7
600
#1323B9
700
#101C94
800
#0C1673
900
#0D1454
950
#080C35

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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