#489544

#489544

Color Values

HEX

#489544

RGB

72, 149, 68

HSL

117.0, 37.3%, 42.5%

HSV

117.0, 54.4%, 58.4%

CMYK

51.7%, 0.0%, 54.4%, 41.6%

OKLCH

0.6015 0.1393 142.7

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489544

#914495

Analogous

#709544

#449568

#489544

Triadic

#489544

#444895

#954448

Split Complementary

#489544

#684495

#954470

Tetradic

#489544

#447095

#914495

#956844

Color Blindness Simulation

Original

#489544

Protanopia

#696A58

Deuteranopia

#655F5C

Tritanopia

#4C676A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CE
300
#ADD9AB
400
#81C47D
500
#55AF50
600
#448C40
700
#367033
800
#2A5828
900
#224120
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