#877F14

#877F14

Color Values

HEX

#877F14

RGB

135, 127, 20

HSL

55.8, 74.2%, 30.4%

HSV

55.8, 85.2%, 52.9%

CMYK

0.0%, 5.9%, 85.2%, 47.1%

OKLCH

0.5855 0.1182 104.8

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#877F14

#141C87

Analogous

#874514

#568714

#877F14

Triadic

#877F14

#14877F

#7F1487

Split Complementary

#877F14

#145687

#451487

Tetradic

#877F14

#148745

#141C87

#871456

Color Blindness Simulation

Original

#877F14

Protanopia

#84832E

Deuteranopia

#848534

Tritanopia

#874247

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE994
400
#E7DD5B
500
#DED121
600
#B2A71A
700
#8E8615
800
#6F6810
900
#514C10
950
#33300A

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026