#897C74

#897C74

Color Values

HEX

#897C74

RGB

137, 124, 116

HSL

22.9, 8.3%, 49.6%

HSV

22.9, 15.3%, 53.7%

CMYK

0.0%, 9.5%, 15.3%, 46.3%

OKLCH

0.5957 0.02 53.8

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#897C74

#748189

Analogous

#897476

#898674

#897C74

Triadic

#897C74

#74897C

#7C7489

Split Complementary

#897C74

#748986

#747689

Tetradic

#897C74

#768974

#748189

#867489

Color Blindness Simulation

Original

#897C74

Protanopia

#838376

Deuteranopia

#848576

Tritanopia

#887778

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C1BD
400
#A89F99
500
#8A7D75
600
#6E645E
700
#58504B
800
#453E3A
900
#34302D
950
#211E1C

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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