#897F74

#897F74

Color Values

HEX

#897F74

RGB

137, 127, 116

HSL

31.4, 8.3%, 49.6%

HSV

31.4, 15.3%, 53.7%

CMYK

0.0%, 7.3%, 15.3%, 46.3%

OKLCH

0.6022 0.0204 70.1

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#897F74

#747E89

Analogous

#897474

#888974

#897F74

Triadic

#897F74

#74897F

#7F7489

Split Complementary

#897F74

#748889

#747489

Tetradic

#897F74

#748974

#747E89

#897488

Color Blindness Simulation

Original

#897F74

Protanopia

#858577

Deuteranopia

#858677

Tritanopia

#887979

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C2BD
400
#A8A199
500
#8A8075
600
#6E665E
700
#58524B
800
#45403A
900
#34312D
950
#211F1C

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026