#489C48

#489C48

Color Values

HEX

#489C48

RGB

72, 156, 72

HSL

120.0, 36.8%, 44.7%

HSV

120.0, 53.8%, 61.2%

CMYK

53.8%, 0.0%, 53.8%, 38.8%

OKLCH

0.6206 0.1455 143.6

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489C48

#9C489C

Analogous

#729C48

#489C72

#489C48

Triadic

#489C48

#48489C

#9C4848

Split Complementary

#489C48

#72489C

#9C4872

Tetradic

#489C48

#48729C

#9C489C

#9C7248

Color Blindness Simulation

Original

#489C48

Protanopia

#6C6D5C

Deuteranopia

#686161

Tritanopia

#4C6C70

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CE
300
#ABD8AB
400
#7EC37E
500
#51AE51
600
#408C40
700
#347034
800
#285728
900
#204020
950
#142914

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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