#86642F

#86642F

Color Values

HEX

#86642F

RGB

134, 100, 47

HSL

36.6, 48.1%, 35.5%

HSV

36.6, 64.9%, 52.5%

CMYK

0.0%, 25.4%, 64.9%, 47.5%

OKLCH

0.5268 0.0826 76.3

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#86642F

#2F5186

Analogous

#86392F

#7C862F

#86642F

Triadic

#86642F

#2F8664

#642F86

Split Complementary

#86642F

#2F7C86

#392F86

Tetradic

#86642F

#2F8639

#2F5186

#862F7C

Color Blindness Simulation

Original

#86642F

Protanopia

#77773C

Deuteranopia

#797C3F

Tritanopia

#844648

Achromatopsia

#676767

CSS Usage

background-color: #86642F;
color: #86642F;
border-color: #86642F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A4
400
#CEAB73
500
#BD8D42
600
#977135
700
#795A2A
800
#5E4621
900
#45351B
950
#2C2211

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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