#897F75

#897F75

Color Values

HEX

#897F75

RGB

137, 127, 117

HSL

30.0, 7.9%, 49.8%

HSV

30.0, 14.6%, 53.7%

CMYK

0.0%, 7.3%, 14.6%, 46.3%

OKLCH

0.6024 0.0192 67.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#897F75

#757F89

Analogous

#897575

#898975

#897F75

Triadic

#897F75

#75897F

#7F7589

Split Complementary

#897F75

#758989

#757589

Tetradic

#897F75

#758975

#757F89

#897589

Color Blindness Simulation

Original

#897F75

Protanopia

#858577

Deuteranopia

#858678

Tritanopia

#88797A

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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