#973585

#973585

Color Values

HEX

#973585

RGB

151, 53, 133

HSL

311.0, 48.0%, 40.0%

HSV

311.0, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 11.9%, 40.8%

OKLCH

0.4976 0.161 335.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#973585

#359747

Analogous

#783597

#973554

#973585

Triadic

#973585

#859735

#358597

Split Complementary

#973585

#549735

#359778

Tetradic

#973585

#977835

#359747

#355497

Color Blindness Simulation

Original

#973585

Protanopia

#6D6C72

Deuteranopia

#727A6D

Tritanopia

#92625F

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCAE6
300
#DFA4D4
400
#CE73BD
500
#BD42A6
600
#973585
700
#792A6A
800
#5E2153
900
#451C3E
950
#2C1127

Contrast Checker

Text on white

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