#878377

#878377

Color Values

HEX

#878377

RGB

135, 131, 119

HSL

45.0, 6.3%, 49.8%

HSV

45.0, 11.9%, 52.9%

CMYK

0.0%, 3.0%, 11.9%, 47.1%

OKLCH

0.6099 0.0183 91.6

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#878377

#777B87

Analogous

#877B77

#838777

#878377

Triadic

#878377

#778783

#837787

Split Complementary

#878377

#778387

#7B7787

Tetradic

#878377

#77877B

#777B87

#877783

Color Blindness Simulation

Original

#878377

Protanopia

#85857A

Deuteranopia

#86867B

Tritanopia

#877C7D

Achromatopsia

#838383

CSS Usage

background-color: #878377;
color: #878377;
border-color: #878377;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C4BE
400
#A7A49B
500
#888477
600
#6C6960
700
#57544C
800
#44423C
900
#33322E
950
#201F1D

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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