#5653EE

#5653EE

Color Values

HEX

#5653EE

RGB

86, 83, 238

HSL

241.2, 82.0%, 62.9%

HSV

241.2, 65.1%, 93.3%

CMYK

63.9%, 65.1%, 0.0%, 6.7%

OKLCH

0.5429 0.2254 276.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5653EE

#EBEE53

Analogous

#539DEE

#A353EE

#5653EE

Triadic

#5653EE

#EE5653

#53EE56

Split Complementary

#5653EE

#EEA353

#9DEE53

Tetradic

#5653EE

#EE539D

#EBEE53

#53EEA3

Color Blindness Simulation

Original

#5653EE

Protanopia

#5555C9

Deuteranopia

#5555C0

Tritanopia

#56ABA4

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#9290F4
400
#5653EE
500
#1B17E8
600
#1612BA
700
#110F95
800
#0E0B74
900
#0E0D54
950
#090835

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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