#487146

#487146

Color Values

HEX

#487146

RGB

72, 113, 70

HSL

117.2, 23.5%, 35.9%

HSV

117.2, 38.1%, 44.3%

CMYK

36.3%, 0.0%, 38.1%, 55.7%

OKLCH

0.5063 0.081 143.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#487146

#6F4671

Analogous

#5E7146

#46715A

#487146

Triadic

#487146

#464871

#714648

Split Complementary

#487146

#5A4671

#71465E

Tetradic

#487146

#465E71

#6F4671

#715A46

Color Blindness Simulation

Original

#487146

Protanopia

#5A5A50

Deuteranopia

#575453

Tritanopia

#4A595A

Achromatopsia

#656565

CSS Usage

background-color: #487146;
color: #487146;
border-color: #487146;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EAF1EA
200
#D4E4D3
300
#B5D0B3
400
#8DB78A
500
#649D62
600
#507E4E
700
#40653E
800
#324F31
900
#273B26
950
#192518

Contrast Checker

Text on white

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