#489C40

#489C40

Color Values

HEX

#489C40

RGB

72, 156, 64

HSL

114.8, 41.8%, 43.1%

HSV

114.8, 59.0%, 61.2%

CMYK

53.8%, 0.0%, 59.0%, 38.8%

OKLCH

0.6195 0.1526 141.9

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489C40

#94409C

Analogous

#769C40

#409C66

#489C40

Triadic

#489C40

#40489C

#9C4048

Split Complementary

#489C40

#66409C

#9C4076

Tetradic

#489C40

#40769C

#94409C

#9C6640

Color Blindness Simulation

Original

#489C40

Protanopia

#6C6D56

Deuteranopia

#68615C

Tritanopia

#4C686C

Achromatopsia

#838383

CSS Usage

background-color: #489C40;
color: #489C40;
border-color: #489C40;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFEACC
300
#ADDBA8
400
#80C879
500
#53B54A
600
#43913B
700
#35742F
800
#2A5A25
900
#21431E
950
#152A13

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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