#877F16

#877F16

Color Values

HEX

#877F16

RGB

135, 127, 22

HSL

55.8, 72.0%, 30.8%

HSV

55.8, 83.7%, 52.9%

CMYK

0.0%, 5.9%, 83.7%, 47.1%

OKLCH

0.5856 0.1173 104.8

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#877F16

#161E87

Analogous

#874716

#568716

#877F16

Triadic

#877F16

#16877F

#7F1687

Split Complementary

#877F16

#165687

#471687

Tetradic

#877F16

#168747

#161E87

#871656

Color Blindness Simulation

Original

#877F16

Protanopia

#84832F

Deuteranopia

#848536

Tritanopia

#874348

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F5F1C2
300
#EEE896
400
#E5DB5D
500
#DBCE24
600
#AFA51D
700
#8C8417
800
#6E6712
900
#504B11
950
#32300B

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026