#960EB7

#960EB7

Color Values

HEX

#960EB7

RGB

150, 14, 183

HSL

288.3, 85.8%, 38.6%

HSV

288.3, 92.3%, 71.8%

CMYK

18.0%, 92.3%, 0.0%, 28.2%

OKLCH

0.4994 0.2355 317.7

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#960EB7

#2FB70E

Analogous

#410EB7

#B70E83

#960EB7

Triadic

#960EB7

#B7960E

#0EB796

Split Complementary

#960EB7

#83B70E

#0EB741

Tetradic

#960EB7

#B7410E

#2FB70E

#0E83B7

Color Blindness Simulation

Original

#960EB7

Protanopia

#5B5A8E

Deuteranopia

#636D84

Tritanopia

#8F6E67

Achromatopsia

#373737

CSS Usage

background-color: #960EB7;
color: #960EB7;
border-color: #960EB7;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EEBDFA
300
#E28DF6
400
#D250F2
500
#C212ED
600
#9B0EBE
700
#7C0C98
800
#610976
900
#470B56
950
#2D0736

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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