#5456EC

#5456EC

Color Values

HEX

#5456EC

RGB

84, 86, 236

HSL

239.2, 80.0%, 62.7%

HSV

239.2, 64.4%, 92.5%

CMYK

64.4%, 63.6%, 0.0%, 7.5%

OKLCH

0.5447 0.22 275.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5456EC

#ECEA54

Analogous

#54A2EC

#9E54EC

#5456EC

Triadic

#5456EC

#EC5456

#56EC54

Split Complementary

#5456EC

#EC9E54

#A2EC54

Tetradic

#5456EC

#EC54A2

#ECEA54

#54EC9E

Color Blindness Simulation

Original

#5456EC

Protanopia

#5555C8

Deuteranopia

#5555BF

Tritanopia

#54ABA5

Achromatopsia

#606060

CSS Usage

background-color: #5456EC;
color: #5456EC;
border-color: #5456EC;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFC0F8
300
#9192F3
400
#5557EC
500
#191CE6
600
#1417B8
700
#101293
800
#0D0E73
900
#0E0E53
950
#090935

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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