#48A809

#48A809

Color Values

HEX

#48A809

RGB

72, 168, 9

HSL

96.2, 89.8%, 34.7%

HSV

96.2, 94.6%, 65.9%

CMYK

57.1%, 0.0%, 94.6%, 34.1%

OKLCH

0.6478 0.1963 137.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#48A809

#6909A8

Analogous

#98A809

#09A819

#48A809

Triadic

#48A809

#0948A8

#A80948

Split Complementary

#48A809

#1909A8

#A80998

Tetradic

#48A809

#0998A8

#6909A8

#A81909

Color Blindness Simulation

Original

#48A809

Protanopia

#72722F

Deuteranopia

#6C6539

Tritanopia

#4D4E55

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFBE0
200
#D5FBBB
300
#B6F98B
400
#8FF54C
500
#68F20D
600
#53C20A
700
#429B08
800
#347907
900
#285809
950
#193706

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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