#888C89

#888C89

Color Values

HEX

#888C89

RGB

136, 140, 137

HSL

135.0, 1.7%, 54.1%

HSV

135.0, 2.9%, 54.9%

CMYK

2.9%, 0.0%, 2.1%, 45.1%

OKLCH

0.6358 0.0064 153.7

Properties

Cool Light Nearest: azure 4

Color Harmonies

Complementary

#888C89

#8C888B

Analogous

#898C88

#888C8B

#888C89

Triadic

#888C89

#89888C

#8C8988

Split Complementary

#888C89

#8B888C

#8C8889

Tetradic

#888C89

#88898C

#8C888B

#8C8B88

Color Blindness Simulation

Original

#888C89

Protanopia

#8A8A8A

Deuteranopia

#8A898A

Tritanopia

#888A8A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDCDB
300
#C1C3C1
400
#9FA2A0
500
#7D827E
600
#646865
700
#505351
800
#3F413F
900
#303130
950
#1E1F1E

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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