#973577

#973577

Color Values

HEX

#973577

RGB

151, 53, 119

HSL

319.6, 48.0%, 40.0%

HSV

319.6, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 21.2%, 40.8%

OKLCH

0.491 0.1508 342.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#973577

#359755

Analogous

#863597

#973546

#973577

Triadic

#973577

#779735

#357797

Split Complementary

#973577

#469735

#359786

Tetradic

#973577

#978635

#359755

#354697

Color Blindness Simulation

Original

#973577

Protanopia

#6D6C67

Deuteranopia

#727A63

Tritanopia

#925A58

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6F0
200
#ECCAE1
300
#DFA4CC
400
#CE73B0
500
#BD4295
600
#973577
700
#792A5F
800
#5E214A
900
#451C38
950
#2C1123

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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