#8C5322

#8C5322

Color Values

HEX

#8C5322

RGB

140, 83, 34

HSL

27.7, 60.9%, 34.1%

HSV

27.7, 75.7%, 54.9%

CMYK

0.0%, 40.7%, 75.7%, 45.1%

OKLCH

0.4988 0.0986 58.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8C5322

#225B8C

Analogous

#8C2226

#8C8822

#8C5322

Triadic

#8C5322

#228C53

#53228C

Split Complementary

#8C5322

#228C88

#22268C

Tetradic

#8C5322

#268C22

#225B8C

#88228C

Color Blindness Simulation

Original

#8C5322

Protanopia

#73732E

Deuteranopia

#777B31

Tritanopia

#893739

Achromatopsia

#5C5C5C

CSS Usage

background-color: #8C5322;
color: #8C5322;
border-color: #8C5322;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F3
100
#F6ECE4
200
#F1DAC6
300
#E7BF9D
400
#DA9C67
500
#CD7A32
600
#A46128
700
#834E20
800
#673D19
900
#4B2E16
950
#2F1D0E

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026