#87696A

#87696A

Color Values

HEX

#87696A

RGB

135, 105, 106

HSL

358.0, 12.5%, 47.1%

HSV

358.0, 22.2%, 52.9%

CMYK

0.0%, 22.2%, 21.5%, 47.1%

OKLCH

0.5508 0.0385 16.2

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#87696A

#698786

Analogous

#876979

#877769

#87696A

Triadic

#87696A

#6A8769

#696A87

Split Complementary

#87696A

#698777

#697987

Tetradic

#87696A

#798769

#698786

#776987

Color Blindness Simulation

Original

#87696A

Protanopia

#7A7A6A

Deuteranopia

#7C7E6A

Tritanopia

#866A6A

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#C9BABB
400
#AC9596
500
#8F7071
600
#73595A
700
#5C4748
800
#483838
900
#362B2B
950
#221B1B

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

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