#973487

#973487

Color Values

HEX

#973487

RGB

151, 52, 135

HSL

309.7, 48.8%, 39.8%

HSV

309.7, 65.6%, 59.2%

CMYK

0.0%, 65.6%, 10.6%, 40.8%

OKLCH

0.4974 0.164 334.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#973487

#349744

Analogous

#763497

#973455

#973487

Triadic

#973487

#879734

#348797

Split Complementary

#973487

#559734

#349776

Tetradic

#973487

#977634

#349744

#345597

Color Blindness Simulation

Original

#973487

Protanopia

#6C6B73

Deuteranopia

#72796E

Tritanopia

#926360

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E6F2
200
#EDCAE7
300
#E0A4D6
400
#CF73C0
500
#BE41AA
600
#983488
700
#792A6D
800
#5F2155
900
#461B3F
950
#2C1128

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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