#878488

#878488

Color Values

HEX

#878488

RGB

135, 132, 136

HSL

285.0, 1.7%, 52.5%

HSV

285.0, 2.9%, 53.3%

CMYK

0.7%, 2.9%, 0.0%, 46.7%

OKLCH

0.6172 0.0069 317.7

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#878488

#858884

Analogous

#858488

#888487

#878488

Triadic

#878488

#888784

#848887

Split Complementary

#878488

#878884

#848885

Tetradic

#878488

#888584

#858884

#848788

Color Blindness Simulation

Original

#878488

Protanopia

#868687

Deuteranopia

#868687

Tritanopia

#878686

Achromatopsia

#858585

CSS Usage

background-color: #878488;
color: #878488;
border-color: #878488;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDC
300
#C2C1C3
400
#A19FA2
500
#817D82
600
#676468
700
#525053
800
#403F41
900
#313031
950
#1F1E1F

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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