#487226

#487226

Color Values

HEX

#487226

RGB

72, 114, 38

HSL

93.2, 50.0%, 29.8%

HSV

93.2, 66.7%, 44.7%

CMYK

36.8%, 0.0%, 66.7%, 55.3%

OKLCH

0.504 0.1158 133.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487226

#502672

Analogous

#6E7226

#26722A

#487226

Triadic

#487226

#264872

#722648

Split Complementary

#487226

#2A2672

#72266E

Tetradic

#487226

#266E72

#502672

#722A26

Color Blindness Simulation

Original

#487226

Protanopia

#5A5B38

Deuteranopia

#58553D

Tritanopia

#4A474A

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E6
200
#D9EDC9
300
#BFE0A3
400
#9CD071
500
#79BF40
600
#619933
700
#4D7A29
800
#3C6020
900
#2E461B
950
#1D2C11

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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