#960E85

#960E85

Color Values

HEX

#960E85

RGB

150, 14, 133

HSL

307.5, 82.9%, 32.2%

HSV

307.5, 90.7%, 58.8%

CMYK

0.0%, 90.7%, 11.3%, 41.2%

OKLCH

0.4663 0.1995 334.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#960E85

#0E961F

Analogous

#630E96

#960E41

#960E85

Triadic

#960E85

#85960E

#0E8596

Split Complementary

#960E85

#41960E

#0E9663

Tetradic

#960E85

#96630E

#0E961F

#0E4196

Color Blindness Simulation

Original

#960E85

Protanopia

#5B5A68

Deuteranopia

#636D61

Tritanopia

#8F514C

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE1F7
200
#F9BEF1
300
#F58FE8
400
#EF52DB
500
#E916CF
600
#BB11A5
700
#950E84
800
#750B67
900
#550C4C
950
#350830

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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