#8C6436

#8C6436

Color Values

HEX

#8C6436

RGB

140, 100, 54

HSL

32.1, 44.3%, 38.0%

HSV

32.1, 61.4%, 54.9%

CMYK

0.0%, 28.6%, 61.4%, 45.1%

OKLCH

0.5348 0.0809 68.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8C6436

#365E8C

Analogous

#8C3936

#898C36

#8C6436

Triadic

#8C6436

#368C64

#64368C

Split Complementary

#8C6436

#36898C

#39368C

Tetradic

#8C6436

#368C39

#365E8C

#8C3689

Color Blindness Simulation

Original

#8C6436

Protanopia

#7B7A41

Deuteranopia

#7D8044

Tritanopia

#8A4A4C

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDCCB
300
#DDC4A7
400
#CAA477
500
#B88347
600
#936939
700
#76542D
800
#5C4224
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026