#970553

#970553

Color Values

HEX

#970553

RGB

151, 5, 83

HSL

327.9, 93.6%, 30.6%

HSV

327.9, 96.7%, 59.2%

CMYK

0.0%, 96.7%, 45.0%, 40.8%

OKLCH

0.4416 0.1771 357.7

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#970553

#059749

Analogous

#920597

#97050A

#970553

Triadic

#970553

#539705

#055397

Split Complementary

#970553

#0A9705

#059792

Tetradic

#970553

#979205

#059749

#050A97

Color Blindness Simulation

Original

#970553

Protanopia

#585740

Deuteranopia

#606B3C

Tritanopia

#90312E

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FB89C6
400
#F948A7
500
#F70888
600
#C5076D
700
#9E0557
800
#7B0444
900
#590833
950
#380520

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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