#489451

#489451

Color Values

HEX

#489451

RGB

72, 148, 81

HSL

127.1, 34.5%, 43.1%

HSV

127.1, 51.4%, 58.0%

CMYK

51.4%, 0.0%, 45.3%, 42.0%

OKLCH

0.6009 0.1251 146.3

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#489451

#94488B

Analogous

#659448

#489477

#489451

Triadic

#489451

#514894

#945148

Split Complementary

#489451

#774894

#944865

Tetradic

#489451

#486594

#94488B

#947748

Color Blindness Simulation

Original

#489451

Protanopia

#696A61

Deuteranopia

#645F65

Tritanopia

#4C6E71

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE8D2
300
#ADD7B2
400
#80C188
500
#54AB5E
600
#43894B
700
#356E3C
800
#2A562F
900
#213F25
950
#152817

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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