#6554EE

#6554EE

Color Values

HEX

#6554EE

RGB

101, 84, 238

HSL

246.6, 81.9%, 63.1%

HSV

246.6, 64.7%, 93.3%

CMYK

57.6%, 64.7%, 0.0%, 6.7%

OKLCH

0.5551 0.2215 281.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6554EE

#DDEE54

Analogous

#5490EE

#B254EE

#6554EE

Triadic

#6554EE

#EE6554

#54EE65

Split Complementary

#6554EE

#EEB254

#90EE54

Tetradic

#6554EE

#EE5490

#DDEE54

#54EEB2

Color Blindness Simulation

Original

#6554EE

Protanopia

#5E5DC9

Deuteranopia

#5F60C0

Tritanopia

#64ABA5

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C4BEF9
300
#9B90F4
400
#6453EE
500
#2E17E8
600
#2512BA
700
#1D0F94
800
#170C74
900
#150D54
950
#0D0835

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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