#89475B

#89475B

Color Values

HEX

#89475B

RGB

137, 71, 91

HSL

341.8, 31.7%, 40.8%

HSV

341.8, 48.2%, 53.7%

CMYK

0.0%, 48.2%, 33.6%, 46.3%

OKLCH

0.4849 0.0923 1.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#89475B

#478975

Analogous

#89477C

#895447

#89475B

Triadic

#89475B

#5B8947

#475B89

Split Complementary

#89475B

#478954

#477C89

Tetradic

#89475B

#7C8947

#478975

#544789

Color Blindness Simulation

Original

#89475B

Protanopia

#6C6C56

Deuteranopia

#707555

Tritanopia

#865252

Achromatopsia

#565656

CSS Usage

background-color: #89475B;
color: #89475B;
border-color: #89475B;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D5AEBA
400
#BF8395
500
#A85770
600
#864659
700
#6B3847
800
#542C38
900
#3E232B
950
#27161B

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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