#487219

#487219

Color Values

HEX

#487219

RGB

72, 114, 25

HSL

88.3, 64.0%, 27.3%

HSV

88.3, 78.1%, 44.7%

CMYK

36.8%, 0.0%, 78.1%, 55.3%

OKLCH

0.5028 0.1253 131.9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#487219

#431972

Analogous

#727019

#1C7219

#487219

Triadic

#487219

#194872

#721948

Split Complementary

#487219

#191C72

#701972

Tetradic

#487219

#197270

#431972

#72191C

Color Blindness Simulation

Original

#487219

Protanopia

#5A5B2F

Deuteranopia

#585534

Tritanopia

#4A4043

Achromatopsia

#636363

CSS Usage

background-color: #487219;
color: #487219;
border-color: #487219;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DDF2C4
300
#C4E99B
400
#A4DD64
500
#84D12E
600
#6AA725
700
#55861D
800
#426917
900
#324C15
950
#20300D

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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