#86736F

#86736F

Color Values

HEX

#86736F

RGB

134, 115, 111

HSL

10.4, 9.4%, 48.0%

HSV

10.4, 17.2%, 52.5%

CMYK

0.0%, 14.2%, 17.2%, 47.5%

OKLCH

0.5721 0.0247 31.9

Properties

Warm Light Nearest: mistyrose 4

Color Harmonies

Complementary

#86736F

#6F8286

Analogous

#866F76

#867E6F

#86736F

Triadic

#86736F

#6F8673

#736F86

Split Complementary

#86736F

#6F867E

#6F7686

Tetradic

#86736F

#76866F

#6F8286

#7E6F86

Color Blindness Simulation

Original

#86736F

Protanopia

#7E7E70

Deuteranopia

#7F8070

Tritanopia

#857171

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD9D8
300
#C8BEBC
400
#AA9B98
500
#8B7874
600
#70605C
700
#594D4A
800
#463C3A
900
#352E2C
950
#211D1C

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026