#8B6F34

#8B6F34

Color Values

HEX

#8B6F34

RGB

139, 111, 52

HSL

40.7, 45.5%, 37.5%

HSV

40.7, 62.6%, 54.5%

CMYK

0.0%, 20.1%, 62.6%, 45.5%

OKLCH

0.5566 0.0848 83.9

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#8B6F34

#34508B

Analogous

#8B4434

#7C8B34

#8B6F34

Triadic

#8B6F34

#348B6F

#6F348B

Split Complementary

#8B6F34

#347C8B

#44348B

Tetradic

#8B6F34

#348B44

#34508B

#8B347C

Color Blindness Simulation

Original

#8B6F34

Protanopia

#7F7F42

Deuteranopia

#808346

Tritanopia

#8A4E50

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4F0E6
200
#ECE1CB
300
#DECCA6
400
#CCB076
500
#BA9445
600
#947738
700
#775F2C
800
#5D4A23
900
#44381D
950
#2B2312

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026