#48F953

#48F953

Color Values

HEX

#48F953

RGB

72, 249, 83

HSL

123.7, 93.7%, 62.9%

HSV

123.7, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 66.7%, 2.4%

OKLCH

0.8622 0.2508 143.8

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#48F953

#F948EE

Analogous

#95F948

#48F9AB

#48F953

Triadic

#48F953

#5348F9

#F95348

Split Complementary

#48F953

#AB48F9

#F94895

Tetradic

#48F953

#4895F9

#F948EE

#F9AB48

Color Blindness Simulation

Original

#48F953

Protanopia

#95967B

Deuteranopia

#8A7D85

Tritanopia

#519BA2

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BAFDBE
300
#88FB90
400
#48F953
500
#08F717
600
#06C612
700
#059E0F
800
#047B0B
900
#08590D
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