#973660

#973660

Color Values

HEX

#973660

RGB

151, 54, 96

HSL

334.0, 47.3%, 40.2%

HSV

334.0, 64.2%, 59.2%

CMYK

0.0%, 64.2%, 36.4%, 40.8%

OKLCH

0.483 0.1365 356.6

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#973660

#36976D

Analogous

#973691

#973C36

#973660

Triadic

#973660

#609736

#366097

Split Complementary

#973660

#36973C

#369197

Tetradic

#973660

#919736

#36976D

#3C3697

Color Blindness Simulation

Original

#973660

Protanopia

#6D6C56

Deuteranopia

#737A53

Tritanopia

#924E4C

Achromatopsia

#4E4E4E

CSS Usage

background-color: #973660;
color: #973660;
border-color: #973660;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD9
300
#DFA5BE
400
#CD749B
500
#BC4377
600
#963660
700
#782B4C
800
#5E223C
900
#451C2E
950
#2C121D

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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