#9D3C73

#9D3C73

Color Values

HEX

#9D3C73

RGB

157, 60, 115

HSL

326.0, 44.7%, 42.5%

HSV

326.0, 61.8%, 61.6%

CMYK

0.0%, 61.8%, 26.8%, 38.4%

OKLCH

0.507 0.1428 348.3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9D3C73

#3C9D66

Analogous

#963C9D

#9D3C42

#9D3C73

Triadic

#9D3C73

#739D3C

#3C739D

Split Complementary

#9D3C73

#429D3C

#3C9D96

Tetradic

#9D3C73

#9D963C

#3C9D66

#3C429D

Color Blindness Simulation

Original

#9D3C73

Protanopia

#737266

Deuteranopia

#798062

Tritanopia

#985B59

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDD
300
#DDA6C5
400
#CB76A6
500
#B84787
600
#94386C
700
#762D56
800
#5C2344
900
#441D33
950
#2B1220

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026