#971452

#971452

Color Values

HEX

#971452

RGB

151, 20, 82

HSL

331.6, 76.6%, 33.5%

HSV

331.6, 86.8%, 59.2%

CMYK

0.0%, 86.8%, 45.7%, 40.8%

OKLCH

0.4475 0.1687 359.2

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#971452

#149759

Analogous

#971493

#971714

#971452

Triadic

#971452

#529714

#145297

Split Complementary

#971452

#149717

#149397

Tetradic

#971452

#939714

#149759

#171497

Color Blindness Simulation

Original

#971452

Protanopia

#5E5D43

Deuteranopia

#66703F

Tritanopia

#903735

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2ED
200
#F7C0DA
300
#F193BF
400
#E9589D
500
#E11E7A
600
#B41862
700
#90134E
800
#710F3D
900
#520F2F
950
#340A1D

Contrast Checker

Text on white

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