#86706C

#86706C

Color Values

HEX

#86706C

RGB

134, 112, 108

HSL

9.2, 10.7%, 47.5%

HSV

9.2, 19.4%, 52.5%

CMYK

0.0%, 16.4%, 19.4%, 47.5%

OKLCH

0.5649 0.0286 30.1

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#86706C

#6C8286

Analogous

#866C75

#867D6C

#86706C

Triadic

#86706C

#6C8670

#706C86

Split Complementary

#86706C

#6C867D

#6C7586

Tetradic

#86706C

#75866C

#6C8286

#7D6C86

Color Blindness Simulation

Original

#86706C

Protanopia

#7C7C6D

Deuteranopia

#7E7F6D

Tritanopia

#856E6E

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD9D7
300
#C8BDBB
400
#AB9A97
500
#8D7672
600
#715E5B
700
#5A4C49
800
#473B39
900
#352D2C
950
#221D1C

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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