#878F73

#878F73

Color Values

HEX

#878F73

RGB

135, 143, 115

HSL

77.1, 11.1%, 50.6%

HSV

77.1, 19.6%, 56.1%

CMYK

5.6%, 0.0%, 19.6%, 43.9%

OKLCH

0.6356 0.0415 120.5

Properties

Cool Light Nearest: RAL 7030 Stone Grey

Color Harmonies

Complementary

#878F73

#7B738F

Analogous

#8F8973

#798F73

#878F73

Triadic

#878F73

#73878F

#8F7387

Split Complementary

#878F73

#73798F

#89738F

Tetradic

#878F73

#738F89

#7B738F

#8F7379

Color Blindness Simulation

Original

#878F73

Protanopia

#8A8B7A

Deuteranopia

#8A897B

Tritanopia

#877F80

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DDDFD7
300
#C5C9BB
400
#A5AB96
500
#868E71
600
#6B715B
700
#555B49
800
#434739
900
#33352C
950
#20221C

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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