#898477

#898477

Color Values

HEX

#898477

RGB

137, 132, 119

HSL

43.3, 7.1%, 50.2%

HSV

43.3, 13.1%, 53.7%

CMYK

0.0%, 3.6%, 13.1%, 46.3%

OKLCH

0.6139 0.02 89.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#898477

#777C89

Analogous

#897B77

#858977

#898477

Triadic

#898477

#778984

#847789

Split Complementary

#898477

#778589

#7B7789

Tetradic

#898477

#77897B

#777C89

#897785

Color Blindness Simulation

Original

#898477

Protanopia

#87877A

Deuteranopia

#87887B

Tritanopia

#897D7D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C4BD
400
#A7A49A
500
#898476
600
#6D695F
700
#57544C
800
#44423B
900
#34322D
950
#211F1D

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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