#878089

#878089

Color Values

HEX

#878089

RGB

135, 128, 137

HSL

286.7, 3.7%, 52.0%

HSV

286.7, 6.6%, 53.7%

CMYK

1.5%, 6.6%, 0.0%, 46.3%

OKLCH

0.6089 0.0157 318.7

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#878089

#828980

Analogous

#838089

#898087

#878089

Triadic

#878089

#898780

#808987

Split Complementary

#878089

#878980

#808983

Tetradic

#878089

#898380

#828980

#808789

Color Blindness Simulation

Original

#878089

Protanopia

#848487

Deuteranopia

#848586

Tritanopia

#878585

Achromatopsia

#828282

CSS Usage

background-color: #878089;
color: #878089;
border-color: #878089;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DCDADD
300
#C3C0C4
400
#A39DA4
500
#827B84
600
#68626A
700
#534F55
800
#413D42
900
#312F32
950
#1F1E20

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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