#48AC20

#48AC20

Color Values

HEX

#48AC20

RGB

72, 172, 32

HSL

102.9, 68.6%, 40.0%

HSV

102.9, 81.4%, 67.5%

CMYK

58.1%, 0.0%, 81.4%, 32.5%

OKLCH

0.6592 0.1936 138.9

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#48AC20

#8420AC

Analogous

#8EAC20

#20AC3E

#48AC20

Triadic

#48AC20

#2048AC

#AC2048

Split Complementary

#48AC20

#3E20AC

#AC208E

Tetradic

#48AC20

#208EAC

#8420AC

#AC3E20

Color Blindness Simulation

Original

#48AC20

Protanopia

#737442

Deuteranopia

#6E664A

Tritanopia

#4D5D62

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E9F8E3
200
#D1F4C3
300
#B0EC98
400
#85E160
500
#5AD728
600
#48AC20
700
#3A8A1A
800
#2D6B14
900
#244E13
950
#16310C

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.2:1

AA Pass AAA Pass

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