#89877F

#89877F

Color Values

HEX

#89877F

RGB

137, 135, 127

HSL

48.0, 4.1%, 51.8%

HSV

48.0, 7.3%, 53.7%

CMYK

0.0%, 1.5%, 7.3%, 46.3%

OKLCH

0.6227 0.012 95.3

Properties

Warm Light Nearest: ivory 4

Color Harmonies

Complementary

#89877F

#7F8189

Analogous

#89827F

#86897F

#89877F

Triadic

#89877F

#7F8987

#877F89

Split Complementary

#89877F

#7F8689

#827F89

Tetradic

#89877F

#7F8982

#7F8189

#897F86

Color Blindness Simulation

Original

#89877F

Protanopia

#888881

Deuteranopia

#888881

Tritanopia

#898283

Achromatopsia

#878787

CSS Usage

background-color: #89877F;
color: #89877F;
border-color: #89877F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEED
200
#DDDCDA
300
#C4C3BF
400
#A5A39D
500
#85837A
600
#6A6962
700
#55544E
800
#42413D
900
#32322F
950
#201F1D

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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