#972656

#972656

Color Values

HEX

#972656

RGB

151, 38, 86

HSL

334.5, 59.8%, 37.1%

HSV

334.5, 74.8%, 59.2%

CMYK

0.0%, 74.8%, 43.0%, 40.8%

OKLCH

0.4622 0.1534 359.4

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#972656

#269767

Analogous

#97268F

#972F26

#972656

Triadic

#972656

#569726

#265697

Split Complementary

#972656

#26972F

#268F97

Tetradic

#972656

#8F9726

#269767

#2F2697

Color Blindness Simulation

Original

#972656

Protanopia

#66654A

Deuteranopia

#6D7548

Tritanopia

#91413F

Achromatopsia

#414141

CSS Usage

background-color: #972656;
color: #972656;
border-color: #972656;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6D8
300
#E69DBC
400
#D96898
500
#CC3374
600
#A3295D
700
#82214A
800
#661A3A
900
#4B162D
950
#2F0E1C

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

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