#487C19

#487C19

Color Values

HEX

#487C19

RGB

72, 124, 25

HSL

91.5, 66.4%, 29.2%

HSV

91.5, 79.8%, 48.6%

CMYK

41.9%, 0.0%, 79.8%, 51.4%

OKLCH

0.5299 0.1386 133.9

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#487C19

#4D197C

Analogous

#797C19

#197C1B

#487C19

Triadic

#487C19

#19487C

#7C1948

Split Complementary

#487C19

#1B197C

#7C1979

Tetradic

#487C19

#19797C

#4D197C

#7C1B19

Color Blindness Simulation

Original

#487C19

Protanopia

#5F5F31

Deuteranopia

#5C5837

Tritanopia

#4B4448

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF3C4
300
#C0EA99
400
#9EDF62
500
#7BD42B
600
#63AA22
700
#4F881B
800
#3E6A15
900
#2F4D13
950
#1E310C

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026