#487026

#487026

Color Values

HEX

#487026

RGB

72, 112, 38

HSL

92.4, 49.3%, 29.4%

HSV

92.4, 66.1%, 43.9%

CMYK

35.7%, 0.0%, 66.1%, 56.1%

OKLCH

0.4986 0.1129 133.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487026

#4E2670

Analogous

#6D7026

#267029

#487026

Triadic

#487026

#264870

#702648

Split Complementary

#487026

#292670

#70266D

Tetradic

#487026

#266D70

#4E2670

#702926

Color Blindness Simulation

Original

#487026

Protanopia

#595A38

Deuteranopia

#57543C

Tritanopia

#4A4649

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DAEDCA
300
#BFE0A4
400
#9DCF72
500
#7ABE41
600
#629834
700
#4E7A29
800
#3D5F20
900
#2F461B
950
#1E2C11

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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