#970C57

#970C57

Color Values

HEX

#970C57

RGB

151, 12, 87

HSL

327.6, 85.3%, 32.0%

HSV

327.6, 92.1%, 59.2%

CMYK

0.0%, 92.1%, 42.4%, 40.8%

OKLCH

0.4455 0.1754 356.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#970C57

#0C974C

Analogous

#920C97

#970C12

#970C57

Triadic

#970C57

#57970C

#0C5797

Split Complementary

#970C57

#12970C

#0C9792

Tetradic

#970C57

#97920C

#0C974C

#0C1297

Color Blindness Simulation

Original

#970C57

Protanopia

#5B5A45

Deuteranopia

#636D40

Tritanopia

#903733

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDE
300
#F68EC6
400
#F150A7
500
#EC1388
600
#BD0F6D
700
#970C57
800
#760944
900
#560B33
950
#360720

Contrast Checker

Text on white

8.38:1

AA Pass AAA Pass

Text on black

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