#9866CC

#9866CC

Color Values

HEX

#9866CC

RGB

152, 102, 204

HSL

269.4, 50.0%, 60.0%

HSV

269.4, 50.0%, 80.0%

CMYK

25.5%, 50.0%, 0.0%, 20.0%

OKLCH

0.6066 0.1558 304.8

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9866CC

#9ACC66

Analogous

#6667CC

#CB66CC

#9866CC

Triadic

#9866CC

#CC9866

#66CC98

Split Complementary

#9866CC

#CCCB66

#67CC66

Tetradic

#9866CC

#CC6667

#9ACC66

#66CCCB

Color Blindness Simulation

Original

#9866CC

Protanopia

#8282B3

Deuteranopia

#8589AD

Tritanopia

#96A09C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBC9ED
300
#C1A3E0
400
#A071D0
500
#7E40BF
600
#653399
700
#51297A
800
#3F2060
900
#301B46
950
#1E112C

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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