#489545

#489545

Color Values

HEX

#489545

RGB

72, 149, 69

HSL

117.8, 36.7%, 42.7%

HSV

117.8, 53.7%, 58.4%

CMYK

51.7%, 0.0%, 53.7%, 41.6%

OKLCH

0.6016 0.1384 142.9

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489545

#924595

Analogous

#709545

#45956A

#489545

Triadic

#489545

#454895

#954548

Split Complementary

#489545

#6A4595

#954570

Tetradic

#489545

#457095

#924595

#956A45

Color Blindness Simulation

Original

#489545

Protanopia

#696A58

Deuteranopia

#655F5D

Tritanopia

#4C686B

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CFE8CE
300
#ADD8AB
400
#81C37E
500
#54AE51
600
#438B41
700
#367034
800
#2A5728
900
#224020
950
#152914

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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