#487F02

#487F02

Color Values

HEX

#487F02

RGB

72, 127, 2

HSL

86.4, 96.9%, 25.3%

HSV

86.4, 98.4%, 49.8%

CMYK

43.3%, 0.0%, 98.4%, 50.2%

OKLCH

0.5371 0.151 133.1

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#487F02

#39027F

Analogous

#7F7802

#0A7F02

#487F02

Triadic

#487F02

#02487F

#7F0248

Split Complementary

#487F02

#020A7F

#78027F

Tetradic

#487F02

#027F78

#39027F

#7F020A

Color Blindness Simulation

Original

#487F02

Protanopia

#606020

Deuteranopia

#5D5828

Tritanopia

#4B383D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#DFFEB9
300
#C9FD86
400
#ACFC45
500
#8EFB04
600
#72C903
700
#5BA103
800
#477E02
900
#365B06
950
#223904

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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