#660C97

#660C97

Color Values

HEX

#660C97

RGB

102, 12, 151

HSL

278.8, 85.3%, 32.0%

HSV

278.8, 92.1%, 59.2%

CMYK

32.5%, 92.1%, 0.0%, 40.8%

OKLCH

0.4027 0.197 308.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#660C97

#3D970C

Analogous

#200C97

#970C83

#660C97

Triadic

#660C97

#97660C

#0C9766

Split Complementary

#660C97

#83970C

#0C9720

Tetradic

#660C97

#97200C

#3D970C

#0C8397

Color Blindness Simulation

Original

#660C97

Protanopia

#3F3E75

Deuteranopia

#444B6D

Tritanopia

#615B55

Achromatopsia

#292929

CSS Usage

background-color: #660C97;
color: #660C97;
border-color: #660C97;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E4BDFA
300
#D18EF6
400
#B850F1
500
#9F13EC
600
#800FBD
700
#660C97
800
#500976
900
#3B0B56
950
#250736

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

2.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