#6702CA

#6702CA

Color Values

HEX

#6702CA

RGB

103, 2, 202

HSL

270.3, 98.0%, 40.0%

HSV

270.3, 99.0%, 79.2%

CMYK

49.0%, 99.0%, 0.0%, 20.8%

OKLCH

0.4492 0.2455 295.1

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#6702CA

#65CA02

Analogous

#0302CA

#CA02C9

#6702CA

Triadic

#6702CA

#CA6702

#02CA67

Split Complementary

#6702CA

#C9CA02

#02CA03

Tetradic

#6702CA

#CA0302

#65CA02

#02C9CA

Color Blindness Simulation

Original

#6702CA

Protanopia

#3B3A9A

Deuteranopia

#41498E

Tritanopia

#62736B

Achromatopsia

#262626

CSS Usage

background-color: #6702CA;
color: #6702CA;
border-color: #6702CA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DCB8FE
300
#C286FE
400
#A244FD
500
#8103FC
600
#6702CA
700
#5202A2
800
#40017E
900
#31065B
950
#1F043A

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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