#9E7367

#9E7367

Color Values

HEX

#9E7367

RGB

158, 115, 103

HSL

13.1, 22.1%, 51.2%

HSV

13.1, 34.8%, 62.0%

CMYK

0.0%, 27.2%, 34.8%, 38.0%

OKLCH

0.5955 0.0578 36.2

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#9E7367

#67929E

Analogous

#9E6777

#9E8F67

#9E7367

Triadic

#9E7367

#679E73

#73679E

Split Complementary

#9E7367

#679E8F

#67779E

Tetradic

#9E7367

#779E67

#67929E

#8F679E

Color Blindness Simulation

Original

#9E7367

Protanopia

#8B8B6A

Deuteranopia

#8E916B

Tritanopia

#9C6C6D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EBEA
200
#E3D7D3
300
#CFBAB4
400
#B6958C
500
#9C7063
600
#7D594F
700
#644740
800
#4E3832
900
#3A2B27
950
#251B19

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.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