#973993

#973993

Color Values

HEX

#973993

RGB

151, 57, 147

HSL

302.6, 45.2%, 40.8%

HSV

302.6, 62.3%, 59.2%

CMYK

0.0%, 62.3%, 2.6%, 40.8%

OKLCH

0.5094 0.1666 329.4

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#973993

#39973D

Analogous

#6C3997

#973964

#973993

Triadic

#973993

#939739

#399397

Split Complementary

#973993

#649739

#39976C

Tetradic

#973993

#976C39

#39973D

#396497

Color Blindness Simulation

Original

#973993

Protanopia

#6E6D7D

Deuteranopia

#747B78

Tritanopia

#926C68

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DB
400
#CB76C8
500
#B946B4
600
#943890
700
#762D73
800
#5D235A
900
#441D42
950
#2B122A

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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