#5655ED

#5655ED

Color Values

HEX

#5655ED

RGB

86, 85, 237

HSL

240.4, 80.9%, 63.1%

HSV

240.4, 64.1%, 92.9%

CMYK

63.7%, 64.1%, 0.0%, 7.1%

OKLCH

0.5452 0.2219 276.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5655ED

#ECED55

Analogous

#55A0ED

#A255ED

#5655ED

Triadic

#5655ED

#ED5655

#55ED56

Split Complementary

#5655ED

#EDA255

#A0ED55

Tetradic

#5655ED

#ED55A0

#ECED55

#55EDA2

Color Blindness Simulation

Original

#5655ED

Protanopia

#5656C8

Deuteranopia

#5656BF

Tritanopia

#56ABA5

Achromatopsia

#606060

CSS Usage

background-color: #5655ED;
color: #5655ED;
border-color: #5655ED;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFBEF8
300
#9190F3
400
#5554ED
500
#1A18E7
600
#1513B9
700
#101094
800
#0D0C73
900
#0E0D54
950
#090835

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