#487132

#487132

Color Values

HEX

#487132

RGB

72, 113, 50

HSL

99.0, 38.7%, 32.0%

HSV

99.0, 55.8%, 44.3%

CMYK

36.3%, 0.0%, 55.8%, 55.7%

OKLCH

0.5028 0.1031 135.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487132

#5B3271

Analogous

#687132

#32713B

#487132

Triadic

#487132

#324871

#713248

Split Complementary

#487132

#3B3271

#713268

Tetradic

#487132

#326871

#5B3271

#713B32

Color Blindness Simulation

Original

#487132

Protanopia

#5A5A41

Deuteranopia

#575445

Tritanopia

#4A4D50

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7E9CD
300
#BBD9AA
400
#96C57C
500
#71B14E
600
#5A8D3F
700
#487132
800
#385827
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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