#9D3497

#9D3497

Color Values

HEX

#9D3497

RGB

157, 52, 151

HSL

303.4, 50.2%, 41.0%

HSV

303.4, 66.9%, 61.6%

CMYK

0.0%, 66.9%, 3.8%, 38.4%

OKLCH

0.5148 0.1804 330.2

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9D3497

#349D3A

Analogous

#6E349D

#9D3463

#9D3497

Triadic

#9D3497

#979D34

#34979D

Split Complementary

#9D3497

#639D34

#349D6E

Tetradic

#9D3497

#9D6E34

#349D3A

#34639D

Color Blindness Simulation

Original

#9D3497

Protanopia

#706F7F

Deuteranopia

#767D79

Tritanopia

#986C68

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDC9EB
300
#E1A3DD
400
#D071CB
500
#C03FB8
600
#993393
700
#7B2976
800
#60205C
900
#461B44
950
#2C112B

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026