#877F1D

#877F1D

Color Values

HEX

#877F1D

RGB

135, 127, 29

HSL

55.5, 64.6%, 32.2%

HSV

55.5, 78.5%, 52.9%

CMYK

0.0%, 5.9%, 78.5%, 47.1%

OKLCH

0.586 0.1138 104.5

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#877F1D

#1D2587

Analogous

#874A1D

#5A871D

#877F1D

Triadic

#877F1D

#1D877F

#7F1D87

Split Complementary

#877F1D

#1D5A87

#4A1D87

Tetradic

#877F1D

#1D874A

#1D2587

#871D5A

Color Blindness Simulation

Original

#877F1D

Protanopia

#848335

Deuteranopia

#84853A

Tritanopia

#87474C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F5E3
200
#F2EFC4
300
#E9E39A
400
#DED464
500
#D2C62D
600
#A89E24
700
#867E1D
800
#696317
900
#4D4814
950
#302E0D

Contrast Checker

Text on white

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