#660C98

#660C98

Color Values

HEX

#660C98

RGB

102, 12, 152

HSL

278.6, 85.4%, 32.2%

HSV

278.6, 92.1%, 59.6%

CMYK

32.9%, 92.1%, 0.0%, 40.4%

OKLCH

0.4036 0.1979 307.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#660C98

#3E980C

Analogous

#200C98

#980C84

#660C98

Triadic

#660C98

#98660C

#0C9866

Split Complementary

#660C98

#84980C

#0C9820

Tetradic

#660C98

#98200C

#3E980C

#0C8498

Color Blindness Simulation

Original

#660C98

Protanopia

#3F3E76

Deuteranopia

#444B6E

Tritanopia

#615B56

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

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