#973366

#973366

Color Values

HEX

#973366

RGB

151, 51, 102

HSL

329.4, 49.5%, 39.6%

HSV

329.4, 66.2%, 59.2%

CMYK

0.0%, 66.2%, 32.5%, 40.8%

OKLCH

0.4816 0.1436 352.3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#973366

#339764

Analogous

#963397

#973334

#973366

Triadic

#973366

#669733

#336697

Split Complementary

#973366

#349733

#339796

Tetradic

#973366

#979633

#339764

#333497

Color Blindness Simulation

Original

#973366

Protanopia

#6C6B5A

Deuteranopia

#727957

Tritanopia

#92504E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C2
400
#CF72A2
500
#BF4081
600
#983467
700
#7A2952
800
#5F2040
900
#461B31
950
#2C111F

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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