#489315

#489315

Color Values

HEX

#489315

RGB

72, 147, 21

HSL

95.7, 75.0%, 32.9%

HSV

95.7, 85.7%, 57.6%

CMYK

51.0%, 0.0%, 85.7%, 42.4%

OKLCH

0.5918 0.1691 136.5

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#489315

#601593

Analogous

#879315

#159321

#489315

Triadic

#489315

#154893

#931548

Split Complementary

#489315

#211593

#931587

Tetradic

#489315

#158793

#601593

#932115

Color Blindness Simulation

Original

#489315

Protanopia

#686933

Deuteranopia

#645E3B

Tritanopia

#4C4C51

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EBF9E2
200
#D6F6C1
300
#B9F094
400
#93E75A
500
#6DDF20
600
#57B319
700
#468F14
800
#377010
900
#2A5110
950
#1B330A

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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