#878680

#878680

Color Values

HEX

#878680

RGB

135, 134, 128

HSL

51.4, 2.8%, 51.6%

HSV

51.4, 5.2%, 52.9%

CMYK

0.0%, 0.7%, 5.2%, 47.1%

OKLCH

0.6191 0.0089 99.0

Properties

Warm Light Nearest: seashell 4

Color Harmonies

Complementary

#878680

#808187

Analogous

#878380

#858780

#878680

Triadic

#878680

#808786

#868087

Split Complementary

#878680

#808587

#838087

Tetradic

#878680

#808783

#808187

#878085

Color Blindness Simulation

Original

#878680

Protanopia

#878781

Deuteranopia

#878782

Tritanopia

#878383

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDCDA
300
#C4C3C0
400
#A3A39E
500
#83827C
600
#696863
700
#54534F
800
#42413E
900
#32312F
950
#1F1F1E

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

5.75:1

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