#9666CC

#9666CC

Color Values

HEX

#9666CC

RGB

150, 102, 204

HSL

268.2, 50.0%, 60.0%

HSV

268.2, 50.0%, 80.0%

CMYK

26.5%, 50.0%, 0.0%, 20.0%

OKLCH

0.6045 0.1553 303.8

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9666CC

#9CCC66

Analogous

#6669CC

#C966CC

#9666CC

Triadic

#9666CC

#CC9666

#66CC96

Split Complementary

#9666CC

#CCC966

#69CC66

Tetradic

#9666CC

#CC6669

#9CCC66

#66CCC9

Color Blindness Simulation

Original

#9666CC

Protanopia

#8181B3

Deuteranopia

#8488AD

Tritanopia

#94A09C

Achromatopsia

#787878

CSS Usage

background-color: #9666CC;
color: #9666CC;
border-color: #9666CC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DAC9ED
300
#C0A3E0
400
#9E71D0
500
#7C40BF
600
#633399
700
#4F297A
800
#3E2060
900
#2F1B46
950
#1E112C

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026