#963FF7

#963FF7

Color Values

HEX

#963FF7

RGB

150, 63, 247

HSL

268.4, 92.0%, 60.8%

HSV

268.4, 74.5%, 96.9%

CMYK

39.3%, 74.5%, 0.0%, 3.1%

OKLCH

0.5825 0.2541 299.8

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#963FF7

#A0F73F

Analogous

#3F44F7

#F23FF7

#963FF7

Triadic

#963FF7

#F7963F

#3FF796

Split Complementary

#963FF7

#F7F23F

#44F73F

Tetradic

#963FF7

#F73F44

#A0F73F

#3FF7F2

Color Blindness Simulation

Original

#963FF7

Protanopia

#7070CB

Deuteranopia

#757CC0

Tritanopia

#92A7A0

Achromatopsia

#5F5F5F

CSS Usage

background-color: #963FF7;
color: #963FF7;
border-color: #963FF7;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#DABAFC
300
#BF89FA
400
#9C4AF7
500
#790AF5
600
#6108C4
700
#4E079D
800
#3D057A
900
#2E0859
950
#1D0538

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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