#960352

#960352

Color Values

HEX

#960352

RGB

150, 3, 82

HSL

327.8, 96.1%, 30.0%

HSV

327.8, 98.0%, 58.8%

CMYK

0.0%, 98.0%, 45.3%, 41.2%

OKLCH

0.4387 0.177 357.8

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#960352

#039647

Analogous

#910396

#960308

#960352

Triadic

#960352

#529603

#035296

Split Complementary

#960352

#089603

#039691

Tetradic

#960352

#969103

#039647

#030896

Color Blindness Simulation

Original

#960352

Protanopia

#56553F

Deuteranopia

#5F6A3A

Tritanopia

#8F302C

Achromatopsia

#282828

CSS Usage

background-color: #960352;
color: #960352;
border-color: #960352;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FEF1F8
100
#FCDFEE
200
#FEB9DE
300
#FD87C6
400
#FB46A7
500
#FA0588
600
#C8046D
700
#A00357
800
#7D0244
900
#5A0734
950
#390421

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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