#6553EE

#6553EE

Color Values

HEX

#6553EE

RGB

101, 83, 238

HSL

247.0, 82.0%, 62.9%

HSV

247.0, 65.1%, 93.3%

CMYK

57.6%, 65.1%, 0.0%, 6.7%

OKLCH

0.5536 0.2226 281.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6553EE

#DCEE53

Analogous

#538EEE

#B253EE

#6553EE

Triadic

#6553EE

#EE6553

#53EE65

Split Complementary

#6553EE

#EEB253

#8EEE53

Tetradic

#6553EE

#EE538E

#DCEE53

#53EEB2

Color Blindness Simulation

Original

#6553EE

Protanopia

#5D5DC9

Deuteranopia

#5E60C0

Tritanopia

#64ABA4

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E1FA
200
#C5BEF9
300
#9B90F4
400
#6553EE
500
#2F17E8
600
#2612BA
700
#1E0F95
800
#180B74
900
#150D54
950
#0D0835

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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