#973555

#973555

Color Values

HEX

#973555

RGB

151, 53, 85

HSL

340.4, 48.0%, 40.0%

HSV

340.4, 64.9%, 59.2%

CMYK

0.0%, 64.9%, 43.7%, 40.8%

OKLCH

0.4781 0.134 3.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#973555

#359777

Analogous

#973586

#974635

#973555

Triadic

#973555

#559735

#355597

Split Complementary

#973555

#359746

#358697

Tetradic

#973555

#869735

#359777

#463597

Color Blindness Simulation

Original

#973555

Protanopia

#6D6C4D

Deuteranopia

#727A4B

Tritanopia

#924746

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EB
200
#ECCAD5
300
#DFA4B8
400
#CE7391
500
#BD426A
600
#973555
700
#792A44
800
#5E2135
900
#451C29
950
#2C111A

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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