#8C7667

#8C7667

Color Values

HEX

#8C7667

RGB

140, 118, 103

HSL

24.3, 15.2%, 47.6%

HSV

24.3, 26.4%, 54.9%

CMYK

0.0%, 15.7%, 26.4%, 45.1%

OKLCH

0.5823 0.0355 56.2

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#8C7667

#677D8C

Analogous

#8C676A

#8C8867

#8C7667

Triadic

#8C7667

#678C76

#76678C

Split Complementary

#8C7667

#678C88

#676A8C

Tetradic

#8C7667

#6A8C67

#677D8C

#88678C

Color Blindness Simulation

Original

#8C7667

Protanopia

#82826B

Deuteranopia

#84856C

Tritanopia

#8B6D6E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DAD6
300
#CBC0B8
400
#AF9E92
500
#937C6C
600
#766356
700
#5E4F45
800
#493E36
900
#372F2A
950
#231E1A

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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