#89776E

#89776E

Color Values

HEX

#89776E

RGB

137, 119, 110

HSL

20.0, 10.9%, 48.4%

HSV

20.0, 19.7%, 53.7%

CMYK

0.0%, 13.1%, 19.7%, 46.3%

OKLCH

0.5833 0.0263 48.2

Properties

Warm Light Nearest: mistyrose 4

Color Harmonies

Complementary

#89776E

#6E8089

Analogous

#896E72

#89846E

#89776E

Triadic

#89776E

#6E8977

#776E89

Split Complementary

#89776E

#6E8984

#6E7289

Tetradic

#89776E

#72896E

#6E8089

#846E89

Color Blindness Simulation

Original

#89776E

Protanopia

#818170

Deuteranopia

#828471

Tritanopia

#887272

Achromatopsia

#7A7A7A

CSS Usage

background-color: #89776E;
color: #89776E;
border-color: #89776E;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDAD7
300
#C8C0BB
400
#AB9D96
500
#8D7B72
600
#71625B
700
#5A4F49
800
#473D39
900
#352F2C
950
#221E1C

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass 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