#97104F

#97104F

Color Values

HEX

#97104F

RGB

151, 16, 79

HSL

332.0, 80.8%, 32.7%

HSV

332.0, 89.4%, 59.2%

CMYK

0.0%, 89.4%, 47.7%, 40.8%

OKLCH

0.4444 0.1702 0.5

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#97104F

#109758

Analogous

#971092

#971510

#97104F

Triadic

#97104F

#4F9710

#104F97

Split Complementary

#97104F

#109715

#109297

Tetradic

#97104F

#929710

#109758

#151097

Color Blindness Simulation

Original

#97104F

Protanopia

#5D5B40

Deuteranopia

#646E3C

Tritanopia

#903431

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EC
200
#F8BED9
300
#F390BF
400
#ED549C
500
#E71879
600
#B81461
700
#94104D
800
#730C3C
900
#540D2E
950
#35081D

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026