#878F82

#878F82

Color Values

HEX

#878F82

RGB

135, 143, 130

HSL

96.9, 5.5%, 53.5%

HSV

96.9, 9.1%, 56.1%

CMYK

5.6%, 0.0%, 9.1%, 43.9%

OKLCH

0.6396 0.0212 133.2

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#878F82

#8A828F

Analogous

#8D8F82

#828F83

#878F82

Triadic

#878F82

#82878F

#8F8287

Split Complementary

#878F82

#83828F

#8F828D

Tetradic

#878F82

#828D8F

#8A828F

#8F8382

Color Blindness Simulation

Original

#878F82

Protanopia

#8A8B85

Deuteranopia

#8A8986

Tritanopia

#878888

Achromatopsia

#8C8C8C

CSS Usage

background-color: #878F82;
color: #878F82;
border-color: #878F82;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDDD9
300
#C1C5BE
400
#9FA69B
500
#7E8778
600
#656C60
700
#51564D
800
#3F433C
900
#30332E
950
#1E201D

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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