#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026