#888C86

#888C86

Color Values

HEX

#888C86

RGB

136, 140, 134

HSL

100.0, 2.5%, 53.7%

HSV

100.0, 4.3%, 54.9%

CMYK

2.9%, 0.0%, 4.3%, 45.1%

OKLCH

0.6349 0.01 134.9

Properties

Cool Light Nearest: ivory 4

Color Harmonies

Complementary

#888C86

#8A868C

Analogous

#8B8C86

#868C87

#888C86

Triadic

#888C86

#86888C

#8C8688

Split Complementary

#888C86

#87868C

#8C868B

Tetradic

#888C86

#868B8C

#8A868C

#8C8786

Color Blindness Simulation

Original

#888C86

Protanopia

#8A8A87

Deuteranopia

#8A8988

Tritanopia

#888989

Achromatopsia

#8B8B8B

CSS Usage

background-color: #888C86;
color: #888C86;
border-color: #888C86;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C1C3C0
400
#A0A39E
500
#7E837C
600
#656963
700
#515450
800
#3F413E
900
#30322F
950
#1E1F1E

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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