#970F5D

#970F5D

Color Values

HEX

#970F5D

RGB

151, 15, 93

HSL

325.6, 81.9%, 32.5%

HSV

325.6, 90.1%, 59.2%

CMYK

0.0%, 90.1%, 38.4%, 40.8%

OKLCH

0.4491 0.1763 353.2

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#970F5D

#0F9749

Analogous

#8D0F97

#970F19

#970F5D

Triadic

#970F5D

#5D970F

#0F5D97

Split Complementary

#970F5D

#19970F

#0F978D

Tetradic

#970F5D

#978D0F

#0F9749

#0F1997

Color Blindness Simulation

Original

#970F5D

Protanopia

#5C5B4A

Deuteranopia

#646E46

Tritanopia

#903B38

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE1EF
200
#F9BEE0
300
#F490C9
400
#EE53AC
500
#E8178F
600
#BA1272
700
#940F5B
800
#740C47
900
#540D36
950
#350822

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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