#97144B

#97144B

Color Values

HEX

#97144B

RGB

151, 20, 75

HSL

334.8, 76.6%, 33.5%

HSV

334.8, 86.8%, 59.2%

CMYK

0.0%, 86.8%, 50.3%, 40.8%

OKLCH

0.4452 0.1664 3.0

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#97144B

#149760

Analogous

#97148C

#971E14

#97144B

Triadic

#97144B

#4B9714

#144B97

Split Complementary

#97144B

#14971E

#148C97

Tetradic

#97144B

#8C9714

#149760

#1E1497

Color Blindness Simulation

Original

#97144B

Protanopia

#5E5D3E

Deuteranopia

#66703A

Tritanopia

#903331

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EB
200
#F7C0D7
300
#F193BA
400
#E95895
500
#E11E70
600
#B41859
700
#901348
800
#710F38
900
#520F2B
950
#340A1B

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

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