#487E23

#487E23

Color Values

HEX

#487E23

RGB

72, 126, 35

HSL

95.6, 56.5%, 31.6%

HSV

95.6, 72.2%, 49.4%

CMYK

42.9%, 0.0%, 72.2%, 50.6%

OKLCH

0.5361 0.135 135.2

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#487E23

#59237E

Analogous

#767E23

#237E2C

#487E23

Triadic

#487E23

#23487E

#7E2348

Split Complementary

#487E23

#2C237E

#7E2376

Tetradic

#487E23

#23767E

#59237E

#7E2C23

Color Blindness Simulation

Original

#487E23

Protanopia

#5F6039

Deuteranopia

#5C583E

Tritanopia

#4B4A4E

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#D8EFC7
300
#BBE49F
400
#97D66B
500
#72C837
600
#5BA02C
700
#498023
800
#39641C
900
#2C4918
950
#1C2E0F

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026