#487906

#487906

Color Values

HEX

#487906

RGB

72, 121, 6

HSL

85.6, 90.6%, 24.9%

HSV

85.6, 95.0%, 47.5%

CMYK

40.5%, 0.0%, 95.0%, 52.5%

OKLCH

0.5209 0.1425 132.2

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487906

#370679

Analogous

#797106

#0E7906

#487906

Triadic

#487906

#064879

#790648

Split Complementary

#487906

#060E79

#710679

Tetradic

#487906

#067971

#370679

#79060E

Color Blindness Simulation

Original

#487906

Protanopia

#5D5E22

Deuteranopia

#5A5728

Tritanopia

#4A383D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E0FCBB
300
#CAF98A
400
#ADF64B
500
#90F30C
600
#74C20A
700
#5C9C08
800
#487A06
900
#365809
950
#223806

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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