#86706E

#86706E

Color Values

HEX

#86706E

RGB

134, 112, 110

HSL

5.0, 9.8%, 47.8%

HSV

5.0, 17.9%, 52.5%

CMYK

0.0%, 16.4%, 17.9%, 47.5%

OKLCH

0.5655 0.028 24.1

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#86706E

#6E8486

Analogous

#866E78

#867C6E

#86706E

Triadic

#86706E

#6E8670

#706E86

Split Complementary

#86706E

#6E867C

#6E7886

Tetradic

#86706E

#78866E

#6E8486

#7C6E86

Color Blindness Simulation

Original

#86706E

Protanopia

#7C7C6E

Deuteranopia

#7E7F6F

Tritanopia

#856F6F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BDBC
400
#AA9997
500
#8C7573
600
#705E5C
700
#5A4B4A
800
#463B3A
900
#352D2C
950
#211C1C

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

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