#89536C

#89536C

Color Values

HEX

#89536C

RGB

137, 83, 108

HSL

332.2, 24.5%, 43.1%

HSV

332.2, 39.4%, 53.7%

CMYK

0.0%, 39.4%, 21.2%, 46.3%

OKLCH

0.5114 0.0791 351.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#89536C

#538970

Analogous

#895387

#895553

#89536C

Triadic

#89536C

#6C8953

#536C89

Split Complementary

#89536C

#538955

#538789

Tetradic

#89536C

#878953

#538970

#555389

Color Blindness Simulation

Original

#89536C

Protanopia

#727166

Deuteranopia

#757964

Tritanopia

#866160

Achromatopsia

#606060

CSS Usage

background-color: #89536C;
color: #89536C;
border-color: #89536C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D3DB
300
#D1B3C1
400
#B88A9F
500
#9F607D
600
#7F4D64
700
#663E50
800
#4F303F
900
#3B2630
950
#25181E

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026