#487704

#487704

Color Values

HEX

#487704

RGB

72, 119, 4

HSL

84.5, 93.5%, 24.1%

HSV

84.5, 96.6%, 46.7%

CMYK

39.5%, 0.0%, 96.6%, 53.3%

OKLCH

0.5154 0.1407 131.7

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487704

#330477

Analogous

#776C04

#0F7704

#487704

Triadic

#487704

#044877

#770448

Split Complementary

#487704

#040F77

#6C0477

Tetradic

#487704

#04776C

#330477

#77040F

Color Blindness Simulation

Original

#487704

Protanopia

#5C5D20

Deuteranopia

#5A5626

Tritanopia

#4A363B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#F0FBDF
200
#E1FDBA
300
#CCFB89
400
#B1F948
500
#95F708
600
#77C507
700
#609E05
800
#4B7B04
900
#385908
950
#233805

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail 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