#5458ED

#5458ED

Color Values

HEX

#5458ED

RGB

84, 88, 237

HSL

238.4, 81.0%, 62.9%

HSV

238.4, 64.6%, 92.9%

CMYK

64.6%, 62.9%, 0.0%, 7.1%

OKLCH

0.5488 0.219 275.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5458ED

#EDE954

Analogous

#54A4ED

#9C54ED

#5458ED

Triadic

#5458ED

#ED5458

#58ED54

Split Complementary

#5458ED

#ED9C54

#A4ED54

Tetradic

#5458ED

#ED54A4

#EDE954

#54ED9C

Color Blindness Simulation

Original

#5458ED

Protanopia

#5656C9

Deuteranopia

#5655C0

Tritanopia

#54ACA6

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E2F9
200
#BEC0F8
300
#9093F3
400
#5458ED
500
#181EE7
600
#1318B9
700
#101394
800
#0C0F73
900
#0D0F54
950
#080935

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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