#89526F

#89526F

Color Values

HEX

#89526F

RGB

137, 82, 111

HSL

328.4, 25.1%, 42.9%

HSV

328.4, 40.1%, 53.7%

CMYK

0.0%, 40.1%, 19.0%, 46.3%

OKLCH

0.5107 0.0829 347.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#89526F

#52896C

Analogous

#875289

#895253

#89526F

Triadic

#89526F

#6F8952

#526F89

Split Complementary

#89526F

#538952

#528987

Tetradic

#89526F

#898752

#52896C

#525389

Color Blindness Simulation

Original

#89526F

Protanopia

#717168

Deuteranopia

#747866

Tritanopia

#866261

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DC
300
#D1B2C3
400
#B889A2
500
#A05F81
600
#804C67
700
#663D53
800
#503041
900
#3B2631
950
#26181F

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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