#960897

#960897

Color Values

HEX

#960897

RGB

150, 8, 151

HSL

299.6, 89.9%, 31.2%

HSV

299.6, 94.7%, 59.2%

CMYK

0.7%, 94.7%, 0.0%, 40.8%

OKLCH

0.4753 0.2145 328.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#960897

#099708

Analogous

#4F0897

#970851

#960897

Triadic

#960897

#979608

#089796

Split Complementary

#960897

#519708

#08974F

Tetradic

#960897

#974F08

#099708

#085197

Color Blindness Simulation

Original

#960897

Protanopia

#585774

Deuteranopia

#616B6C

Tritanopia

#8F5953

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F88BF9
400
#F44CF5
500
#F10DF2
600
#C00AC2
700
#9A089B
800
#780679
900
#570958
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