#489735

#489735

Color Values

HEX

#489735

RGB

72, 151, 53

HSL

108.4, 48.0%, 40.0%

HSV

108.4, 64.9%, 59.2%

CMYK

52.3%, 0.0%, 64.9%, 40.8%

OKLCH

0.6049 0.155 140.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#489735

#843597

Analogous

#799735

#359753

#489735

Triadic

#489735

#354897

#973548

Split Complementary

#489735

#533597

#973579

Tetradic

#489735

#357997

#843597

#975335

Color Blindness Simulation

Original

#489735

Protanopia

#6A6B4D

Deuteranopia

#666052

Tritanopia

#4C5F64

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF4
100
#E9F4E6
200
#D1ECCA
300
#B0DFA4
400
#85CE73
500
#5ABD42
600
#489735
700
#3A792A
800
#2D5E21
900
#24451C
950
#162C11

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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