#487D23

#487D23

Color Values

HEX

#487D23

RGB

72, 125, 35

HSL

95.3, 56.2%, 31.4%

HSV

95.3, 72.0%, 49.0%

CMYK

42.4%, 0.0%, 72.0%, 51.0%

OKLCH

0.5334 0.1336 135.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#487D23

#58237D

Analogous

#757D23

#237D2B

#487D23

Triadic

#487D23

#23487D

#7D2348

Split Complementary

#487D23

#2B237D

#7D2375

Tetradic

#487D23

#23757D

#58237D

#7D2B23

Color Blindness Simulation

Original

#487D23

Protanopia

#5F5F39

Deuteranopia

#5C583E

Tritanopia

#4B4A4E

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF6E5
200
#D8EFC7
300
#BCE49F
400
#97D66C
500
#73C738
600
#5C9F2D
700
#497F24
800
#39641C
900
#2C4918
950
#1C2E0F

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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