#487807

#487807

Color Values

HEX

#487807

RGB

72, 120, 7

HSL

85.5, 89.0%, 24.9%

HSV

85.5, 94.2%, 47.1%

CMYK

40.0%, 0.0%, 94.2%, 52.9%

OKLCH

0.5182 0.141 132.0

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487807

#370778

Analogous

#787007

#0F7807

#487807

Triadic

#487807

#074878

#780748

Split Complementary

#487807

#070F78

#700778

Tetradic

#487807

#077870

#370778

#78070F

Color Blindness Simulation

Original

#487807

Protanopia

#5D5D22

Deuteranopia

#5A5629

Tritanopia

#4A383D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#E0FBBC
300
#CAF88B
400
#ADF54D
500
#91F10E
600
#74C10B
700
#5C9A09
800
#487807
900
#36570A
950
#223706

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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