#6554ED

#6554ED

Color Values

HEX

#6554ED

RGB

101, 84, 237

HSL

246.7, 81.0%, 62.9%

HSV

246.7, 64.6%, 92.9%

CMYK

57.4%, 64.6%, 0.0%, 7.1%

OKLCH

0.5543 0.2202 281.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6554ED

#DCED54

Analogous

#548FED

#B254ED

#6554ED

Triadic

#6554ED

#ED6554

#54ED65

Split Complementary

#6554ED

#EDB254

#8FED54

Tetradic

#6554ED

#ED548F

#DCED54

#54EDB2

Color Blindness Simulation

Original

#6554ED

Protanopia

#5E5DC8

Deuteranopia

#5F60BF

Tritanopia

#64ABA4

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C5BEF8
300
#9B90F3
400
#6554ED
500
#2F18E7
600
#2613B9
700
#1E1094
800
#180C73
900
#150D54
950
#0D0835

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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