#97104C

#97104C

Color Values

HEX

#97104C

RGB

151, 16, 76

HSL

333.3, 80.8%, 32.7%

HSV

333.3, 89.4%, 59.2%

CMYK

0.0%, 89.4%, 49.7%, 40.8%

OKLCH

0.4434 0.1693 2.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#97104C

#10975B

Analogous

#97108F

#971710

#97104C

Triadic

#97104C

#4C9710

#104C97

Split Complementary

#97104C

#109717

#108F97

Tetradic

#97104C

#8F9710

#10975B

#171097

Color Blindness Simulation

Original

#97104C

Protanopia

#5D5B3D

Deuteranopia

#646E3A

Tritanopia

#903230

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EC
200
#F8BED8
300
#F390BC
400
#ED5498
500
#E71874
600
#B8145D
700
#94104A
800
#730C3A
900
#540D2D
950
#35081C

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026