#8C7364

#8C7364

Color Values

HEX

#8C7364

RGB

140, 115, 100

HSL

22.5, 16.7%, 47.1%

HSV

22.5, 28.6%, 54.9%

CMYK

0.0%, 17.9%, 28.6%, 45.1%

OKLCH

0.5752 0.0387 52.7

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#8C7364

#647D8C

Analogous

#8C6469

#8C8764

#8C7364

Triadic

#8C7364

#648C73

#73648C

Split Complementary

#8C7364

#648C87

#64698C

Tetradic

#8C7364

#698C64

#647D8C

#87648C

Color Blindness Simulation

Original

#8C7364

Protanopia

#818168

Deuteranopia

#838468

Tritanopia

#8B6A6B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DAD5
300
#CCBFB8
400
#B09D91
500
#957A6A
600
#776255
700
#5F4E44
800
#4A3D35
900
#382F29
950
#231D1A

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

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