#973367

#973367

Color Values

HEX

#973367

RGB

151, 51, 103

HSL

328.8, 49.5%, 39.6%

HSV

328.8, 66.2%, 59.2%

CMYK

0.0%, 66.2%, 31.8%, 40.8%

OKLCH

0.482 0.1441 351.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#973367

#339763

Analogous

#953397

#973335

#973367

Triadic

#973367

#679733

#336797

Split Complementary

#973367

#359733

#339795

Tetradic

#973367

#979533

#339763

#333597

Color Blindness Simulation

Original

#973367

Protanopia

#6C6B5A

Deuteranopia

#727957

Tritanopia

#92504E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C3
400
#CF72A3
500
#BF4082
600
#983468
700
#7A2953
800
#5F2041
900
#461B31
950
#2C111F

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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