#489017

#489017

Color Values

HEX

#489017

RGB

72, 144, 23

HSL

95.7, 72.5%, 32.7%

HSV

95.7, 84.0%, 56.5%

CMYK

50.0%, 0.0%, 84.0%, 43.5%

OKLCH

0.5838 0.1647 136.3

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#489017

#5F1790

Analogous

#849017

#179022

#489017

Triadic

#489017

#174890

#901748

Split Complementary

#489017

#221790

#901784

Tetradic

#489017

#178490

#5F1790

#902217

Color Blindness Simulation

Original

#489017

Protanopia

#676834

Deuteranopia

#635E3B

Tritanopia

#4C4B50

Achromatopsia

#787878

CSS Usage

background-color: #489017;
color: #489017;
border-color: #489017;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D6F5C1
300
#B9EE95
400
#94E55C
500
#6EDC23
600
#58B01C
700
#468D16
800
#376E12
900
#2A5011
950
#1B330B

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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