#489643

#489643

Color Values

HEX

#489643

RGB

72, 150, 67

HSL

116.4, 38.2%, 42.5%

HSV

116.4, 55.3%, 58.8%

CMYK

52.0%, 0.0%, 55.3%, 41.2%

OKLCH

0.604 0.1416 142.5

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#489643

#914396

Analogous

#719643

#439667

#489643

Triadic

#489643

#434896

#964348

Split Complementary

#489643

#674396

#964371

Tetradic

#489643

#437196

#914396

#966743

Color Blindness Simulation

Original

#489643

Protanopia

#6A6A57

Deuteranopia

#655F5C

Tritanopia

#4C676A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CFE9CE
300
#ADD9AA
400
#81C57D
500
#55B04F
600
#448D3F
700
#367132
800
#2A5827
900
#224120
950
#152914

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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