#87686A

#87686A

Color Values

HEX

#87686A

RGB

135, 104, 106

HSL

356.1, 13.0%, 46.9%

HSV

356.1, 23.0%, 52.9%

CMYK

0.0%, 23.0%, 21.5%, 47.1%

OKLCH

0.5488 0.0399 14.1

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#87686A

#688785

Analogous

#87687A

#877668

#87686A

Triadic

#87686A

#6A8768

#686A87

Split Complementary

#87686A

#688776

#687A87

Tetradic

#87686A

#7A8768

#688785

#766887

Color Blindness Simulation

Original

#87686A

Protanopia

#7A796A

Deuteranopia

#7B7E69

Tritanopia

#856969

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#CABABB
400
#AD9496
500
#906F71
600
#73595A
700
#5C4748
800
#483739
900
#362B2C
950
#221B1B

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.22:1

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