#887170

#887170

Color Values

HEX

#887170

RGB

136, 113, 112

HSL

2.5, 9.7%, 48.6%

HSV

2.5, 17.6%, 53.3%

CMYK

0.0%, 16.9%, 17.6%, 46.7%

OKLCH

0.5702 0.0291 21.0

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#887170

#708788

Analogous

#88707B

#887D70

#887170

Triadic

#887170

#708871

#717088

Split Complementary

#887170

#70887D

#707B88

Tetradic

#887170

#7B8870

#708788

#7D7088

Color Blindness Simulation

Original

#887170

Protanopia

#7E7E70

Deuteranopia

#7F8170

Tritanopia

#877070

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BCBC
400
#AA9897
500
#8C7473
600
#705D5C
700
#5A4A4A
800
#463A3A
900
#352D2C
950
#211C1C

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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