#6603C9

#6603C9

Color Values

HEX

#6603C9

RGB

102, 3, 201

HSL

270.0, 97.1%, 40.0%

HSV

270.0, 98.5%, 78.8%

CMYK

49.3%, 98.5%, 0.0%, 21.2%

OKLCH

0.4473 0.2442 294.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#6603C9

#66C903

Analogous

#0303C9

#C903C9

#6603C9

Triadic

#6603C9

#C96603

#03C966

Split Complementary

#6603C9

#C9C903

#03C903

Tetradic

#6603C9

#C90303

#66C903

#03C9C9

Color Blindness Simulation

Original

#6603C9

Protanopia

#3B3A99

Deuteranopia

#41488E

Tritanopia

#61736B

Achromatopsia

#262626

CSS Usage

background-color: #6603C9;
color: #6603C9;
border-color: #6603C9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DBB9FE
300
#C286FD
400
#A145FC
500
#8004FB
600
#6603C9
700
#5202A1
800
#40027E
900
#30065B
950
#1F0439

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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