#9D2F97

#9D2F97

Color Values

HEX

#9D2F97

RGB

157, 47, 151

HSL

303.3, 53.9%, 40.0%

HSV

303.3, 70.1%, 61.6%

CMYK

0.0%, 70.1%, 3.8%, 38.4%

OKLCH

0.5099 0.1867 330.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9D2F97

#2F9D35

Analogous

#6C2F9D

#9D2F60

#9D2F97

Triadic

#9D2F97

#979D2F

#2F979D

Split Complementary

#9D2F97

#609D2F

#2F9D6C

Tetradic

#9D2F97

#9D6C2F

#2F9D35

#2F609D

Color Blindness Simulation

Original

#9D2F97

Protanopia

#6D6C7E

Deuteranopia

#747C78

Tritanopia

#986A66

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EFC8EC
300
#E3A1DF
400
#D46ECE
500
#C43BBD
600
#9D2F97
700
#7E2679
800
#621D5E
900
#481945
950
#2D102C

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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