#96356C

#96356C

Color Values

HEX

#96356C

RGB

150, 53, 108

HSL

326.0, 47.8%, 39.8%

HSV

326.0, 64.7%, 58.8%

CMYK

0.0%, 64.7%, 28.0%, 41.2%

OKLCH

0.4847 0.1431 348.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#96356C

#35965F

Analogous

#903596

#96353B

#96356C

Triadic

#96356C

#6C9635

#356C96

Split Complementary

#96356C

#3B9635

#359690

Tetradic

#96356C

#969035

#35965F

#353B96

Color Blindness Simulation

Original

#96356C

Protanopia

#6C6B5F

Deuteranopia

#72795C

Tritanopia

#915452

Achromatopsia

#4E4E4E

CSS Usage

background-color: #96356C;
color: #96356C;
border-color: #96356C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C6
400
#CE74A7
500
#BC4388
600
#97356D
700
#792B57
800
#5E2144
900
#451C33
950
#2C1120

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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