#86684B

#86684B

Color Values

HEX

#86684B

RGB

134, 104, 75

HSL

29.5, 28.2%, 41.0%

HSV

29.5, 44.0%, 52.5%

CMYK

0.0%, 22.4%, 44.0%, 47.5%

OKLCH

0.5399 0.0571 65.2

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#86684B

#4B6986

Analogous

#864B4C

#86864B

#86684B

Triadic

#86684B

#4B8668

#684B86

Split Complementary

#86684B

#4B8686

#4B4C86

Tetradic

#86684B

#4C864B

#4B6986

#864B86

Color Blindness Simulation

Original

#86684B

Protanopia

#797952

Deuteranopia

#7B7D54

Tritanopia

#845859

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DBD1
300
#D3C2B1
400
#BBA086
500
#A37F5C
600
#836649
700
#69513B
800
#523F2E
900
#3D3024
950
#261E17

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026