#9C3C97

#9C3C97

Color Values

HEX

#9C3C97

RGB

156, 60, 151

HSL

303.1, 44.4%, 42.4%

HSV

303.1, 61.5%, 61.2%

CMYK

0.0%, 61.5%, 3.2%, 38.8%

OKLCH

0.5222 0.1687 329.8

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9C3C97

#3C9C41

Analogous

#713C9C

#9C3C67

#9C3C97

Triadic

#9C3C97

#979C3C

#3C979C

Split Complementary

#9C3C97

#679C3C

#3C9C71

Tetradic

#9C3C97

#9C713C

#3C9C41

#3C679C

Color Blindness Simulation

Original

#9C3C97

Protanopia

#727281

Deuteranopia

#787F7C

Tritanopia

#97706C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA7DA
400
#CB77C6
500
#B847B2
600
#93398F
700
#762D72
800
#5C2359
900
#441D42
950
#2B122A

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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