#9D3396

#9D3396

Color Values

HEX

#9D3396

RGB

157, 51, 150

HSL

304.0, 51.0%, 40.8%

HSV

304.0, 67.5%, 61.6%

CMYK

0.0%, 67.5%, 4.5%, 38.4%

OKLCH

0.5133 0.1809 330.6

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#9D3396

#339D3A

Analogous

#6F339D

#9D3361

#9D3396

Triadic

#9D3396

#969D33

#33969D

Split Complementary

#9D3396

#619D33

#339D6F

Tetradic

#9D3396

#9D6F33

#339D3A

#33619D

Color Blindness Simulation

Original

#9D3396

Protanopia

#6F6E7E

Deuteranopia

#757D78

Tritanopia

#986B67

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EB
300
#E1A3DD
400
#D171CA
500
#C13EB8
600
#9A3293
700
#7B2876
800
#601F5C
900
#471A44
950
#2D112B

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026