#48CD00

#48CD00

Color Values

HEX

#48CD00

RGB

72, 205, 0

HSL

98.9, 100.0%, 40.2%

HSV

98.9, 100.0%, 80.4%

CMYK

64.9%, 0.0%, 100.0%, 19.6%

OKLCH

0.7453 0.2365 139.3

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#48CD00

#8500CD

Analogous

#AFCD00

#00CD1E

#48CD00

Triadic

#48CD00

#0048CD

#CD0048

Split Complementary

#48CD00

#1E00CD

#CD00AF

Tetradic

#48CD00

#00AFCD

#8500CD

#CD1E00

Color Blindness Simulation

Original

#48CD00

Protanopia

#828332

Deuteranopia

#7A703E

Tritanopia

#4F5961

Achromatopsia

#A2A2A2

CSS Usage

background-color: #48CD00;
color: #48CD00;
border-color: #48CD00;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FEF1
100
#E9FCDE
200
#D1FFB8
300
#B0FF85
400
#85FF42
500
#5AFF00
600
#48CC00
700
#39A300
800
#2D8000
900
#245C05
950
#163A03

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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