#48F952

#48F952

Color Values

HEX

#48F952

RGB

72, 249, 82

HSL

123.4, 93.7%, 62.9%

HSV

123.4, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 67.1%, 2.4%

OKLCH

0.8621 0.2514 143.7

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#48F952

#F948EF

Analogous

#96F948

#48F9AA

#48F952

Triadic

#48F952

#5248F9

#F95248

Split Complementary

#48F952

#AA48F9

#F94896

Tetradic

#48F952

#4896F9

#F948EF

#F9AA48

Color Blindness Simulation

Original

#48F952

Protanopia

#95967A

Deuteranopia

#8A7D84

Tritanopia

#519AA1

Achromatopsia

#C7C7C7

CSS Usage

background-color: #48F952;
color: #48F952;
border-color: #48F952;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BAFDBE
300
#88FB8F
400
#48F952
500
#08F716
600
#06C611
700
#059E0E
800
#047B0B
900
#08590C
950
#053808

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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