#9D2FA4

#9D2FA4

Color Values

HEX

#9D2FA4

RGB

157, 47, 164

HSL

296.4, 55.5%, 41.4%

HSV

296.4, 71.3%, 64.3%

CMYK

4.3%, 71.3%, 0.0%, 35.7%

OKLCH

0.5174 0.1972 325.4

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#9D2FA4

#36A42F

Analogous

#632FA4

#A42F71

#9D2FA4

Triadic

#9D2FA4

#A49D2F

#2FA49D

Split Complementary

#9D2FA4

#71A42F

#2FA463

Tetradic

#9D2FA4

#A4632F

#36A42F

#2F71A4

Color Blindness Simulation

Original

#9D2FA4

Protanopia

#6D6C88

Deuteranopia

#747C81

Tritanopia

#98716C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EDC7EF
300
#E0A0E4
400
#CF6CD5
500
#BE39C6
600
#982D9F
700
#79247F
800
#5F1C63
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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