#487134

#487134

Color Values

HEX

#487134

RGB

72, 113, 52

HSL

100.3, 37.0%, 32.4%

HSV

100.3, 54.0%, 44.3%

CMYK

36.3%, 0.0%, 54.0%, 55.7%

OKLCH

0.5031 0.101 136.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487134

#5D3471

Analogous

#677134

#34713F

#487134

Triadic

#487134

#344871

#713448

Split Complementary

#487134

#3F3471

#713467

Tetradic

#487134

#346771

#5D3471

#713F34

Color Blindness Simulation

Original

#487134

Protanopia

#5A5A43

Deuteranopia

#575446

Tritanopia

#4A4E51

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E8
200
#D7E9CE
300
#BAD8AB
400
#95C47E
500
#6FAF50
600
#598C40
700
#477033
800
#385728
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026