#878313

#878313

Color Values

HEX

#878313

RGB

135, 131, 19

HSL

57.9, 75.3%, 30.2%

HSV

57.9, 85.9%, 52.9%

CMYK

0.0%, 3.0%, 85.9%, 47.1%

OKLCH

0.5947 0.1223 107.3

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#878313

#131787

Analogous

#874913

#518713

#878313

Triadic

#878313

#138783

#831387

Split Complementary

#878313

#135187

#491387

Tetradic

#878313

#138749

#131787

#871351

Color Blindness Simulation

Original

#878313

Protanopia

#85852E

Deuteranopia

#868635

Tritanopia

#874448

Achromatopsia

#7C7C7C

CSS Usage

background-color: #878313;
color: #878313;
border-color: #878313;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F4C0
300
#F0ED94
400
#E8E35A
500
#E0D91F
600
#B3AD19
700
#8F8B14
800
#706C10
900
#514F10
950
#33320A

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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