#87870C

#87870C

Color Values

HEX

#87870C

RGB

135, 135, 12

HSL

60.0, 83.7%, 28.8%

HSV

60.0, 91.1%, 52.9%

CMYK

0.0%, 0.0%, 91.1%, 47.1%

OKLCH

0.6038 0.1285 109.7

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#87870C

#0C0C87

Analogous

#87490C

#49870C

#87870C

Triadic

#87870C

#0C8787

#870C87

Split Complementary

#87870C

#0C4987

#490C87

Tetradic

#87870C

#0C8749

#0C0C87

#870C49

Color Blindness Simulation

Original

#87870C

Protanopia

#87872A

Deuteranopia

#878731

Tritanopia

#874146

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#F9F9BD
300
#F5F58F
400
#F0F052
500
#EAEA15
600
#BBBB11
700
#96960D
800
#75750A
900
#55550C
950
#363608

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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