#86887F

#86887F

Color Values

HEX

#86887F

RGB

134, 136, 127

HSL

73.3, 3.6%, 51.6%

HSV

73.3, 6.6%, 53.3%

CMYK

1.5%, 0.0%, 6.6%, 46.7%

OKLCH

0.6223 0.0134 117.0

Properties

Cool Light Nearest: ivory 4

Color Harmonies

Complementary

#86887F

#817F88

Analogous

#88867F

#82887F

#86887F

Triadic

#86887F

#7F8688

#887F86

Split Complementary

#86887F

#7F8288

#867F88

Tetradic

#86887F

#7F8886

#817F88

#887F82

Color Blindness Simulation

Original

#86887F

Protanopia

#878781

Deuteranopia

#878782

Tritanopia

#868383

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DCDDDA
300
#C3C4C0
400
#A3A49D
500
#82847B
600
#686A62
700
#53554F
800
#41423D
900
#31322F
950
#1F201E

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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