#489244

#489244

Color Values

HEX

#489244

RGB

72, 146, 68

HSL

116.9, 36.4%, 42.0%

HSV

116.9, 53.4%, 57.3%

CMYK

50.7%, 0.0%, 53.4%, 42.7%

OKLCH

0.5935 0.135 142.7

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489244

#8E4492

Analogous

#6F9244

#449267

#489244

Triadic

#489244

#444892

#924448

Split Complementary

#489244

#674492

#92446F

Tetradic

#489244

#446F92

#8E4492

#926744

Color Blindness Simulation

Original

#489244

Protanopia

#686957

Deuteranopia

#645E5B

Tritanopia

#4C6669

Achromatopsia

#7D7D7D

CSS Usage

background-color: #489244;
color: #489244;
border-color: #489244;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#D0E8CE
300
#AED8AC
400
#82C37E
500
#56AE51
600
#458B41
700
#376F34
800
#2B5729
900
#224021
950
#162915

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass 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