#9D3371

#9D3371

Color Values

HEX

#9D3371

RGB

157, 51, 113

HSL

324.9, 51.0%, 40.8%

HSV

324.9, 67.5%, 61.6%

CMYK

0.0%, 67.5%, 28.0%, 38.4%

OKLCH

0.4956 0.1548 348.1

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9D3371

#339D5F

Analogous

#94339D

#9D333C

#9D3371

Triadic

#9D3371

#719D33

#33719D

Split Complementary

#9D3371

#3C9D33

#339D94

Tetradic

#9D3371

#9D9433

#339D5F

#333C9D

Color Blindness Simulation

Original

#9D3371

Protanopia

#6F6E62

Deuteranopia

#757D5E

Tritanopia

#985654

Achromatopsia

#4E4E4E

CSS Usage

background-color: #9D3371;
color: #9D3371;
border-color: #9D3371;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DE
300
#E1A3C7
400
#D171A9
500
#C13E8B
600
#9A326F
700
#7B2859
800
#601F45
900
#471A34
950
#2D1121

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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