#489355

#489355

Color Values

HEX

#489355

RGB

72, 147, 85

HSL

130.4, 34.2%, 42.9%

HSV

130.4, 51.0%, 57.6%

CMYK

51.0%, 0.0%, 42.2%, 42.4%

OKLCH

0.599 0.1196 147.7

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#489355

#934886

Analogous

#609348

#48937A

#489355

Triadic

#489355

#554893

#935548

Split Complementary

#489355

#7A4893

#934860

Tetradic

#489355

#486093

#934886

#937A48

Color Blindness Simulation

Original

#489355

Protanopia

#686964

Deuteranopia

#645E68

Tritanopia

#4C7072

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE8D3
300
#ADD7B4
400
#80C18C
500
#54AB63
600
#43894F
700
#366E3F
800
#2A5632
900
#223F27
950
#152818

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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