#487C10

#487C10

Color Values

HEX

#487C10

RGB

72, 124, 16

HSL

88.9, 77.1%, 27.5%

HSV

88.9, 87.1%, 48.6%

CMYK

41.9%, 0.0%, 87.1%, 51.4%

OKLCH

0.5294 0.1429 133.2

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487C10

#44107C

Analogous

#7C7A10

#127C10

#487C10

Triadic

#487C10

#10487C

#7C1048

Split Complementary

#487C10

#10127C

#7A107C

Tetradic

#487C10

#107C7A

#44107C

#7C1012

Color Blindness Simulation

Original

#487C10

Protanopia

#5F5F2A

Deuteranopia

#5C5830

Tritanopia

#4B3F43

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DCF7C0
300
#C4F193
400
#A3E958
500
#83E21D
600
#69B517
700
#549113
800
#42710F
900
#32520F
950
#1F3409

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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