#660CC0

#660CC0

Color Values

HEX

#660CC0

RGB

102, 12, 192

HSL

270,0, 88,2%, 40,0%

HSV

270,0, 93,7%, 75,3%

CMYK

46,9%, 93,7%, 0,0%, 24,7%

OKLCH

0,4413 0,2333 296,6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#660CC0

#66C00C

Analogous

#0C0CC0

#C00CC0

#660CC0

Triadic

#660CC0

#C0660C

#0CC066

Split Complementary

#660CC0

#C0C00C

#0CC00C

Tetradic

#660CC0

#C00C0C

#66C00C

#0CC0C0

Color Blindness Simulation

Original

#660CC0

Protanopia

#3F3E94

Deuteranopia

#444B8A

Tritanopia

#61726B

Achromatopsia

#2C2C2C

CSS Usage

background-color: #660CC0;
color: #660CC0;
border-color: #660CC0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DBBCFB
300
#C28CF8
400
#A14DF4
500
#800FF0
600
#660CC0
700
#520A9A
800
#400878
900
#300A57
950
#1F0637

Contrast Checker

Text on white

8,83:1

AA Pass AAA Pass

Text on black

2,38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026