#973798

#973798

Color Values

HEX

#973798

RGB

151, 55, 152

HSL

299.4, 46.9%, 40.6%

HSV

299.4, 63.8%, 59.6%

CMYK

0.7%, 63.8%, 0.0%, 40.4%

OKLCH

0.5099 0.1738 327.3

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#973798

#389837

Analogous

#673798

#983769

#973798

Triadic

#973798

#989737

#379897

Split Complementary

#973798

#699837

#379867

Tetradic

#973798

#986737

#389837

#376998

Color Blindness Simulation

Original

#973798

Protanopia

#6D6D81

Deuteranopia

#737A7B

Tritanopia

#926E6A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCBEC
300
#DEA5DF
400
#CC74CD
500
#BA44BB
600
#953696
700
#772B78
800
#5D225E
900
#441C45
950
#2B122C

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026