#48DC45

#48DC45

Color Values

HEX

#48DC45

RGB

72, 220, 69

HSL

118.8, 68.3%, 56.7%

HSV

118.8, 68.6%, 86.3%

CMYK

67.3%, 0.0%, 68.6%, 13.7%

OKLCH

0.7872 0.2276 142.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#48DC45

#D945DC

Analogous

#94DC45

#45DC8E

#48DC45

Triadic

#48DC45

#4548DC

#DC4548

Split Complementary

#48DC45

#8E45DC

#DC4594

Tetradic

#48DC45

#4594DC

#D945DC

#DC8E45

Color Blindness Simulation

Original

#48DC45

Protanopia

#888969

Deuteranopia

#807472

Tritanopia

#4F868D

Achromatopsia

#B2B2B2

CSS Usage

background-color: #48DC45;
color: #48DC45;
border-color: #48DC45;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C4F4C3
300
#9AEC98
400
#63E160
500
#2CD728
600
#23AC20
700
#1C891A
800
#166B14
900
#144E13
950
#0D310C

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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