#878F71

#878F71

Color Values

HEX

#878F71

RGB

135, 143, 113

HSL

76.0, 11.8%, 50.2%

HSV

76.0, 21.0%, 56.1%

CMYK

5.6%, 0.0%, 21.0%, 43.9%

OKLCH

0.6351 0.0442 119.8

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#878F71

#79718F

Analogous

#8F8871

#788F71

#878F71

Triadic

#878F71

#71878F

#8F7187

Split Complementary

#878F71

#71788F

#88718F

Tetradic

#878F71

#718F88

#79718F

#8F7178

Color Blindness Simulation

Original

#878F71

Protanopia

#8A8B78

Deuteranopia

#8A897A

Tritanopia

#877E7F

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DDE0D7
300
#C5C9BB
400
#A6AC96
500
#878F70
600
#6C725A
700
#565B48
800
#434738
900
#33362B
950
#20221B

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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