#48CE31

#48CE31

Color Values

HEX

#48CE31

RGB

72, 206, 49

HSL

111.2, 61.6%, 50.0%

HSV

111.2, 76.2%, 80.8%

CMYK

65.0%, 0.0%, 76.2%, 19.2%

OKLCH

0.7496 0.2235 141.1

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#48CE31

#B731CE

Analogous

#97CE31

#31CE68

#48CE31

Triadic

#48CE31

#3148CE

#CE3148

Split Complementary

#48CE31

#6831CE

#CE3197

Tetradic

#48CE31

#3197CE

#B731CE

#CE6831

Color Blindness Simulation

Original

#48CE31

Protanopia

#828357

Deuteranopia

#7A7060

Tritanopia

#4F757C

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F6E4
200
#CCF1C5
300
#A7E79C
400
#78DB67
500
#48CE31
600
#3AA527
700
#2E841F
800
#246718
900
#1D4B16
950
#13300E

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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