#878466

#878466

Color Values

HEX

#878466

RGB

135, 132, 102

HSL

54.5, 13.9%, 46.5%

HSV

54.5, 24.4%, 52.9%

CMYK

0.0%, 2.2%, 24.4%, 47.1%

OKLCH

0.6078 0.0433 102.8

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#878466

#666987

Analogous

#877466

#7A8766

#878466

Triadic

#878466

#668784

#846687

Split Complementary

#878466

#667A87

#746687

Tetradic

#878466

#668774

#666987

#87667A

Color Blindness Simulation

Original

#878466

Protanopia

#86866D

Deuteranopia

#86866F

Tritanopia

#877374

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E0DFD6
300
#CAC9B9
400
#AEAB94
500
#918E6E
600
#747258
700
#5D5B46
800
#494737
900
#37352A
950
#22221B

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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