#89114A

#89114A

Color Values

HEX

#89114A

RGB

137, 17, 74

HSL

331.5, 77.9%, 30.2%

HSV

331.5, 87.6%, 53.7%

CMYK

0.0%, 87.6%, 46.0%, 46.3%

OKLCH

0.4168 0.1572 359.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#89114A

#118950

Analogous

#891186

#891411

#89114A

Triadic

#89114A

#4A8911

#114A89

Split Complementary

#89114A

#118914

#118689

Tetradic

#89114A

#868911

#118950

#141189

Color Blindness Simulation

Original

#89114A

Protanopia

#55543C

Deuteranopia

#5C6539

Tritanopia

#83312F

Achromatopsia

#2F2F2F

CSS Usage

background-color: #89114A;
color: #89114A;
border-color: #89114A;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF2F7
100
#F9E1ED
200
#F7BFDA
300
#F192BF
400
#EA579D
500
#E31C7B
600
#B51762
700
#91124E
800
#710E3D
900
#520E2F
950
#34091E

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026