#966CC5

#966CC5

Color Values

HEX

#966CC5

RGB

150, 108, 197

HSL

268.3, 43.4%, 59.8%

HSV

268.3, 45.2%, 77.3%

CMYK

23.9%, 45.2%, 0.0%, 22.7%

OKLCH

0.6107 0.1368 304.4

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#966CC5

#9BC56C

Analogous

#6C6FC5

#C26CC5

#966CC5

Triadic

#966CC5

#C5966C

#6CC596

Split Complementary

#966CC5

#C5C26C

#6FC56C

Tetradic

#966CC5

#C56C6F

#9BC56C

#6CC5C2

Color Blindness Simulation

Original

#966CC5

Protanopia

#8483AF

Deuteranopia

#8689AA

Tritanopia

#949E9B

Achromatopsia

#7B7B7B

CSS Usage

background-color: #966CC5;
color: #966CC5;
border-color: #966CC5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DACCEB
300
#C0A7DC
400
#9E78CA
500
#7C48B7
600
#633A92
700
#502E75
800
#3E245B
900
#2F1E43
950
#1E132B

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026