#897F78

#897F78

Color Values

HEX

#897F78

RGB

137, 127, 120

HSL

24.7, 6.7%, 50.4%

HSV

24.7, 12.4%, 53.7%

CMYK

0.0%, 7.3%, 12.4%, 46.3%

OKLCH

0.6033 0.0161 57.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#897F78

#788289

Analogous

#89787A

#898778

#897F78

Triadic

#897F78

#78897F

#7F7889

Split Complementary

#897F78

#788987

#787A89

Tetradic

#897F78

#7A8978

#788289

#877889

Color Blindness Simulation

Original

#897F78

Protanopia

#85857A

Deuteranopia

#85867A

Tritanopia

#887B7B

Achromatopsia

#818181

CSS Usage

background-color: #897F78;
color: #897F78;
border-color: #897F78;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C1BE
400
#A7A09A
500
#887E77
600
#6D655F
700
#57514C
800
#443F3B
900
#33302E
950
#201E1D

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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