#89586B

#89586B

Color Values

HEX

#89586B

RGB

137, 88, 107

HSL

336.7, 21.8%, 44.1%

HSV

336.7, 35.8%, 53.7%

CMYK

0.0%, 35.8%, 21.9%, 46.3%

OKLCH

0.5202 0.0695 354.9

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#89586B

#588976

Analogous

#895883

#895D58

#89586B

Triadic

#89586B

#6B8958

#586B89

Split Complementary

#89586B

#58895D

#588389

Tetradic

#89586B

#838958

#588976

#5D5889

Color Blindness Simulation

Original

#89586B

Protanopia

#747366

Deuteranopia

#777A65

Tritanopia

#876362

Achromatopsia

#646464

CSS Usage

background-color: #89586B;
color: #89586B;
border-color: #89586B;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4DA
300
#CFB4BF
400
#B58C9C
500
#9B6479
600
#7C5061
700
#63404E
800
#4E323D
900
#3A272E
950
#25191D

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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