#487233

#487233

Color Values

HEX

#487233

RGB

72, 114, 51

HSL

100.0, 38.2%, 32.4%

HSV

100.0, 55.3%, 44.7%

CMYK

36.8%, 0.0%, 55.3%, 55.3%

OKLCH

0.5056 0.1036 136.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#487233

#5D3372

Analogous

#687233

#33723E

#487233

Triadic

#487233

#334872

#723348

Split Complementary

#487233

#3E3372

#723368

Tetradic

#487233

#336872

#5D3372

#723E33

Color Blindness Simulation

Original

#487233

Protanopia

#5A5B42

Deuteranopia

#585546

Tritanopia

#4A4E51

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7E9CE
300
#BAD9AA
400
#95C57D
500
#6FB04F
600
#598D3F
700
#477132
800
#385827
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

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