#878C4F

#878C4F

Color Values

HEX

#878C4F

RGB

135, 140, 79

HSL

64.9, 27.9%, 42.9%

HSV

64.9, 43.6%, 54.9%

CMYK

3.6%, 0.0%, 43.6%, 45.1%

OKLCH

0.6215 0.0835 112.6

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#878C4F

#544F8C

Analogous

#8C724F

#688C4F

#878C4F

Triadic

#878C4F

#4F878C

#8C4F87

Split Complementary

#878C4F

#4F688C

#724F8C

Tetradic

#878C4F

#4F8C72

#544F8C

#8C4F68

Color Blindness Simulation

Original

#878C4F

Protanopia

#89895E

Deuteranopia

#898861

Tritanopia

#87696C

Achromatopsia

#878787

CSS Usage

background-color: #878C4F;
color: #878C4F;
border-color: #878C4F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E5D1
300
#D0D3B1
400
#B7BB86
500
#9DA35C
600
#7E824A
700
#65683B
800
#4F522E
900
#3B3D24
950
#252617

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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