#9D2F76

#9D2F76

Color Values

HEX

#9D2F76

RGB

157, 47, 118

HSL

321.3, 53.9%, 40.0%

HSV

321.3, 70.1%, 61.6%

CMYK

0.0%, 70.1%, 24.8%, 38.4%

OKLCH

0.4935 0.1631 345.1

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9D2F76

#2F9D56

Analogous

#8D2F9D

#9D2F3F

#9D2F76

Triadic

#9D2F76

#769D2F

#2F769D

Split Complementary

#9D2F76

#3F9D2F

#2F9D8D

Tetradic

#9D2F76

#9D8D2F

#2F9D56

#2F3F9D

Color Blindness Simulation

Original

#9D2F76

Protanopia

#6D6C65

Deuteranopia

#747C61

Tritanopia

#985754

Achromatopsia

#4C4C4C

CSS Usage

background-color: #9D2F76;
color: #9D2F76;
border-color: #9D2F76;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4F8
100
#F5E5F0
200
#EFC8E1
300
#E3A1CB
400
#D46EAF
500
#C43B93
600
#9D2F76
700
#7E265E
800
#621D4A
900
#481937
950
#2D1023

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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