#960497

#960497

Color Values

HEX

#960497

RGB

150, 4, 151

HSL

299.6, 94.8%, 30.4%

HSV

299.6, 97.4%, 59.2%

CMYK

0.7%, 97.4%, 0.0%, 40.8%

OKLCH

0.4742 0.2161 328.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#960497

#059704

Analogous

#4D0497

#97044E

#960497

Triadic

#960497

#979604

#049796

Split Complementary

#960497

#4E9704

#04974D

Tetradic

#960497

#974D04

#059704

#044E97

Color Blindness Simulation

Original

#960497

Protanopia

#575673

Deuteranopia

#5F6A6B

Tritanopia

#8F5751

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FBDFFC
200
#FDB9FD
300
#FB88FC
400
#F947FA
500
#F707F8
600
#C505C7
700
#9E049F
800
#7B037C
900
#59075A
950
#380439

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026