#9E8474

#9E8474

Color Values

HEX

#9E8474

RGB

158, 132, 116

HSL

22.9, 17.8%, 53.7%

HSV

22.9, 26.6%, 62.0%

CMYK

0.0%, 16.5%, 26.6%, 38.0%

OKLCH

0.633 0.0396 53.4

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#9E8474

#748E9E

Analogous

#9E7479

#9E9974

#9E8474

Triadic

#9E8474

#749E84

#84749E

Split Complementary

#9E8474

#749E99

#74799E

Tetradic

#9E8474

#799E74

#748E9E

#99749E

Color Blindness Simulation

Original

#9E8474

Protanopia

#939378

Deuteranopia

#949679

Tritanopia

#9D7B7C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DAD5
300
#CDBFB7
400
#B19D90
500
#967A69
600
#786254
700
#604E43
800
#4B3D34
900
#382F29
950
#241D1A

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026