#887776

#887776

Color Values

HEX

#887776

RGB

136, 119, 118

HSL

3.3, 7.1%, 49.8%

HSV

3.3, 13.2%, 53.3%

CMYK

0.0%, 12.5%, 13.2%, 46.7%

OKLCH

0.5846 0.0212 21.8

Properties

Warm Light Nearest: mistyrose 4

Color Harmonies

Complementary

#887776

#768788

Analogous

#88767E

#888076

#887776

Triadic

#887776

#768877

#777688

Split Complementary

#887776

#768880

#767E88

Tetradic

#887776

#7E8876

#768788

#807688

Color Blindness Simulation

Original

#887776

Protanopia

#818076

Deuteranopia

#828376

Tritanopia

#877676

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D9
300
#C6BEBD
400
#A79B9A
500
#897776
600
#6D605F
700
#574C4C
800
#443C3B
900
#342E2D
950
#211D1D

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

4.95:1

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