#489146

#489146

Color Values

HEX

#489146

RGB

72, 145, 70

HSL

118.4, 34.9%, 42.2%

HSV

118.4, 51.7%, 56.9%

CMYK

50.3%, 0.0%, 51.7%, 43.1%

OKLCH

0.5912 0.1316 143.2

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489146

#8F4691

Analogous

#6E9146

#46916A

#489146

Triadic

#489146

#464891

#914648

Split Complementary

#489146

#6A4691

#91466E

Tetradic

#489146

#466E91

#8F4691

#916A46

Color Blindness Simulation

Original

#489146

Protanopia

#686858

Deuteranopia

#635E5C

Tritanopia

#4C666A

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#D0E8CF
300
#AED7AC
400
#81C280
500
#55AC53
600
#448A42
700
#376E35
800
#2B562A
900
#224021
950
#162815

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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