#962AD5

#962AD5

Color Values

HEX

#962AD5

RGB

150, 42, 213

HSL

277.9, 67.1%, 50.0%

HSV

277.9, 80.3%, 83.5%

CMYK

29.6%, 80.3%, 0.0%, 16.5%

OKLCH

0.5374 0.2419 308.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#962AD5

#69D52A

Analogous

#402AD5

#D52ABF

#962AD5

Triadic

#962AD5

#D5962A

#2AD596

Split Complementary

#962AD5

#BFD52A

#2AD540

Tetradic

#962AD5

#D5402A

#69D52A

#2ABFD5

Color Blindness Simulation

Original

#962AD5

Protanopia

#6766AC

Deuteranopia

#6E76A2

Tritanopia

#918B84

Achromatopsia

#4D4D4D

CSS Usage

background-color: #962AD5;
color: #962AD5;
border-color: #962AD5;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E2C3F3
300
#CD99EB
400
#B161E0
500
#962AD5
600
#7822AA
700
#601B88
800
#4B156B
900
#38134E
950
#230C31

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail 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