#878138

#878138

Color Values

HEX

#878138

RGB

135, 129, 56

HSL

55.4, 41.4%, 37.5%

HSV

55.4, 58.5%, 52.9%

CMYK

0.0%, 4.4%, 58.5%, 47.1%

OKLCH

0.593 0.095 104.6

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#878138

#383E87

Analogous

#875A38

#668738

#878138

Triadic

#878138

#388781

#813887

Split Complementary

#878138

#386687

#5A3887

Tetradic

#878138

#38875A

#383E87

#873866

Color Blindness Simulation

Original

#878138

Protanopia

#84844A

Deuteranopia

#85854E

Tritanopia

#87585B

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F2E7
200
#EAE8CD
300
#DBD7A8
400
#C8C27A
500
#B4AC4B
600
#908A3C
700
#736E30
800
#5A5625
900
#43401E
950
#2A2813

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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