#887178

#887178

Color Values

HEX

#887178

RGB

136, 113, 120

HSL

341,7, 9,2%, 48,8%

HSV

341,7, 16,9%, 53,3%

CMYK

0,0%, 16,9%, 11,8%, 46,7%

OKLCH

0,5727 0,0305 357,9

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#887178

#718881

Analogous

#887183

#887571

#887178

Triadic

#887178

#788871

#717888

Split Complementary

#887178

#718875

#718388

Tetradic

#887178

#838871

#718881

#757188

Color Blindness Simulation

Original

#887178

Protanopia

#7E7E76

Deuteranopia

#7F8176

Tritanopia

#877575

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C7BCC0
400
#A9989D
500
#8B747B
600
#6F5D62
700
#594A4F
800
#463A3D
900
#342C2F
950
#211C1E

Contrast Checker

Text on white

4,49:1

AA Fail AAA Fail

Text on black

4,68: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