#973566

#973566

Color Values

HEX

#973566

RGB

151, 53, 102

HSL

330.0, 48.0%, 40.0%

HSV

330.0, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 32.5%, 40.8%

OKLCH

0.484 0.1408 352.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#973566

#359766

Analogous

#973597

#973535

#973566

Triadic

#973566

#669735

#356697

Split Complementary

#973566

#359735

#359797

Tetradic

#973566

#979735

#359766

#353597

Color Blindness Simulation

Original

#973566

Protanopia

#6D6C5A

Deuteranopia

#727A57

Tritanopia

#92514F

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADB
300
#DFA4C2
400
#CE73A1
500
#BD4280
600
#973566
700
#792A52
800
#5E2140
900
#451C30
950
#2C111F

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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