#960996

#960996

Color Values

HEX

#960996

RGB

150, 9, 150

HSL

300.0, 88.7%, 31.2%

HSV

300.0, 94.0%, 58.8%

CMYK

0.0%, 94.0%, 0.0%, 41.2%

OKLCH

0.475 0.2134 328.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#960996

#099609

Analogous

#500996

#960950

#960996

Triadic

#960996

#969609

#099696

Split Complementary

#960996

#509609

#099650

Tetradic

#960996

#965009

#099609

#095096

Color Blindness Simulation

Original

#960996

Protanopia

#595874

Deuteranopia

#616C6C

Tritanopia

#8F5953

Achromatopsia

#313131

CSS Usage

background-color: #960996;
color: #960996;
border-color: #960996;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBCFB
300
#F88CF8
400
#F44DF4
500
#F10EF1
600
#C00CC0
700
#9A099A
800
#780778
900
#570A57
950
#370637

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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