#5653EF

#5653EF

Color Values

HEX

#5653EF

RGB

86, 83, 239

HSL

241.2, 83.0%, 63.1%

HSV

241.2, 65.3%, 93.7%

CMYK

64.0%, 65.3%, 0.0%, 6.3%

OKLCH

0.5437 0.2267 276.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5653EF

#ECEF53

Analogous

#539EEF

#A453EF

#5653EF

Triadic

#5653EF

#EF5653

#53EF56

Split Complementary

#5653EF

#EFA453

#9EEF53

Tetradic

#5653EF

#EF539E

#ECEF53

#53EFA4

Color Blindness Simulation

Original

#5653EF

Protanopia

#5555C9

Deuteranopia

#5555C0

Tritanopia

#56ABA5

Achromatopsia

#5F5F5F

CSS Usage

background-color: #5653EF;
color: #5653EF;
border-color: #5653EF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#918FF5
400
#5552EF
500
#1A16E9
600
#1511BB
700
#110E95
800
#0D0B75
900
#0E0C55
950
#090835

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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