#487234

#487234

Color Values

HEX

#487234

RGB

72, 114, 52

HSL

100.6, 37.3%, 32.5%

HSV

100.6, 54.4%, 44.7%

CMYK

36.8%, 0.0%, 54.4%, 55.3%

OKLCH

0.5058 0.1026 136.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487234

#5E3472

Analogous

#677234

#34723F

#487234

Triadic

#487234

#344872

#723448

Split Complementary

#487234

#3F3472

#723467

Tetradic

#487234

#346772

#5E3472

#723F34

Color Blindness Simulation

Original

#487234

Protanopia

#5A5B43

Deuteranopia

#585547

Tritanopia

#4A4F51

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF3E7
200
#D7E9CE
300
#BAD9AB
400
#94C47D
500
#6FAF50
600
#598C40
700
#477033
800
#375828
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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