#89164F

#89164F

Color Values

HEX

#89164F

RGB

137, 22, 79

HSL

330.3, 72.3%, 31.2%

HSV

330.3, 83.9%, 53.7%

CMYK

0.0%, 83.9%, 42.3%, 46.3%

OKLCH

0.4217 0.1552 356.8

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#89164F

#168950

Analogous

#891689

#891716

#89164F

Triadic

#89164F

#4F8916

#164F89

Split Complementary

#89164F

#168917

#168989

Tetradic

#89164F

#898916

#168950

#171689

Color Blindness Simulation

Original

#89164F

Protanopia

#575641

Deuteranopia

#5E663E

Tritanopia

#833634

Achromatopsia

#333333

CSS Usage

background-color: #89164F;
color: #89164F;
border-color: #89164F;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F7
100
#F8E2ED
200
#F5C1DB
300
#EE96C1
400
#E55CA0
500
#DC237F
600
#B01C65
700
#8D1751
800
#6E123F
900
#501130
950
#330B1E

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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