#4C8917

#4C8917

Color Values

HEX

#4C8917

RGB

76, 137, 23

HSL

92.1, 71.2%, 31.4%

HSV

92.1, 83.2%, 53.7%

CMYK

44.5%, 0.0%, 83.2%, 46.3%

OKLCH

0.567 0.154 134.6

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#4C8917

#541789

Analogous

#858917

#17891B

#4C8917

Triadic

#4C8917

#174C89

#89174C

Split Complementary

#4C8917

#1B1789

#891785

Tetradic

#4C8917

#178589

#541789

#891B17

Color Blindness Simulation

Original

#4C8917

Protanopia

#666733

Deuteranopia

#635E39

Tritanopia

#4F484D

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#DAF5C2
300
#BFED96
400
#9CE45D
500
#79DA25
600
#61AF1D
700
#4E8C18
800
#3D6D12
900
#2E4F11
950
#1D320B

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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