#877F8A

#877F8A

Color Values

HEX

#877F8A

RGB

135, 127, 138

HSL

283.6, 4.5%, 52.0%

HSV

283.6, 8.0%, 54.1%

CMYK

2.2%, 8.0%, 0.0%, 45.9%

OKLCH

0.6071 0.0189 316.9

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#877F8A

#828A7F

Analogous

#827F8A

#8A7F88

#877F8A

Triadic

#877F8A

#8A877F

#7F8A87

Split Complementary

#877F8A

#888A7F

#7F8A82

Tetradic

#877F8A

#8A827F

#828A7F

#7F888A

Color Blindness Simulation

Original

#877F8A

Protanopia

#848387

Deuteranopia

#848587

Tritanopia

#878585

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DCDADD
300
#C3BFC5
400
#A39CA5
500
#827A85
600
#68616B
700
#534E55
800
#413D43
900
#312E32
950
#1F1D20

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026