#973458

#973458

Color Values

HEX

#973458

RGB

151, 52, 88

HSL

338.2, 48.8%, 39.8%

HSV

338.2, 65.6%, 59.2%

CMYK

0.0%, 65.6%, 41.7%, 40.8%

OKLCH

0.4779 0.1363 1.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#973458

#349773

Analogous

#973489

#974234

#973458

Triadic

#973458

#589734

#345897

Split Complementary

#973458

#349742

#348997

Tetradic

#973458

#899734

#349773

#423497

Color Blindness Simulation

Original

#973458

Protanopia

#6C6B4F

Deuteranopia

#72794D

Tritanopia

#924847

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E6EB
200
#EDCAD7
300
#E0A4BA
400
#CF7394
500
#BE416E
600
#983458
700
#792A47
800
#5F2137
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

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