#489540

#489540

Color Values

HEX

#489540

RGB

72, 149, 64

HSL

114.4, 39.9%, 41.8%

HSV

114.4, 57.0%, 58.4%

CMYK

51.7%, 0.0%, 57.0%, 41.6%

OKLCH

0.6009 0.143 141.8

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489540

#8D4095

Analogous

#739540

#409563

#489540

Triadic

#489540

#404895

#954048

Split Complementary

#489540

#634095

#954073

Tetradic

#489540

#407395

#8D4095

#956340

Color Blindness Simulation

Original

#489540

Protanopia

#696A55

Deuteranopia

#655F5A

Tritanopia

#4C6568

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#D0EACD
300
#AEDAA9
400
#82C67B
500
#56B24D
600
#458F3D
700
#377231
800
#2B5926
900
#22421F
950
#162A14

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026