#886F73

#886F73

Color Values

HEX

#886F73

RGB

136, 111, 115

HSL

350.4, 10.1%, 48.4%

HSV

350.4, 18.4%, 53.3%

CMYK

0.0%, 18.4%, 15.4%, 46.7%

OKLCH

0.567 0.032 7.3

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#886F73

#6F8884

Analogous

#886F7F

#88776F

#886F73

Triadic

#886F73

#73886F

#6F7388

Split Complementary

#886F73

#6F8877

#6F7F88

Tetradic

#886F73

#7F886F

#6F8884

#776F88

Color Blindness Simulation

Original

#886F73

Protanopia

#7D7D72

Deuteranopia

#7F8072

Tritanopia

#877171

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D9
300
#C8BCBE
400
#AA979A
500
#8C7377
600
#705C5F
700
#5A494C
800
#46393B
900
#352C2D
950
#211C1D

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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