#9E8763

#9E8763

Color Values

HEX

#9E8763

RGB

158, 135, 99

HSL

36.6, 23.3%, 50.4%

HSV

36.6, 37.3%, 62.0%

CMYK

0.0%, 14.6%, 37.3%, 38.0%

OKLCH

0.6354 0.0576 78.6

Properties

Warm Light Nearest: Shadow

Color Harmonies

Complementary

#9E8763

#637A9E

Analogous

#9E6A63

#989E63

#9E8763

Triadic

#9E8763

#639E87

#87639E

Split Complementary

#9E8763

#63989E

#6A639E

Tetradic

#9E8763

#639E6A

#637A9E

#9E6398

Color Blindness Simulation

Original

#9E8763

Protanopia

#94946C

Deuteranopia

#95976E

Tritanopia

#9D7374

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E4DDD3
300
#D0C5B4
400
#B7A58B
500
#9D8662
600
#7E6B4E
700
#65563F
800
#4F4331
900
#3B3326
950
#252018

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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