#887C68

#887C68

Color Values

HEX

#887C68

RGB

136, 124, 104

HSL

37.5, 13.3%, 47.1%

HSV

37.5, 23.5%, 53.3%

CMYK

0.0%, 8.8%, 23.5%, 46.7%

OKLCH

0.5915 0.0328 80.5

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#887C68

#687488

Analogous

#886C68

#848868

#887C68

Triadic

#887C68

#68887C

#7C6888

Split Complementary

#887C68

#688488

#6C6888

Tetradic

#887C68

#68886C

#687488

#886884

Color Blindness Simulation

Original

#887C68

Protanopia

#83836D

Deuteranopia

#84846E

Tritanopia

#877172

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DCD7
300
#CAC4BA
400
#ADA494
500
#90846F
600
#746958
700
#5C5447
800
#484237
900
#36322B
950
#22201B

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13: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