#48F976

#48F976

Color Values

HEX

#48F976

RGB

72, 249, 118

HSL

135.6, 93.7%, 62.9%

HSV

135.6, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 52.6%, 2.4%

OKLCH

0.866 0.2249 147.9

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#48F976

#F948CB

Analogous

#72F948

#48F9CE

#48F976

Triadic

#48F976

#7648F9

#F97648

Split Complementary

#48F976

#CE48F9

#F94872

Tetradic

#48F976

#4872F9

#F948CB

#F9CE48

Color Blindness Simulation

Original

#48F976

Protanopia

#959696

Deuteranopia

#8A7D9D

Tritanopia

#51AFB4

Achromatopsia

#CACACA

CSS Usage

background-color: #48F976;
color: #48F976;
border-color: #48F976;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF4
100
#DFFBE6
200
#BAFDCB
300
#88FBA6
400
#48F976
500
#08F746
600
#06C638
700
#059E2D
800
#047B23
900
#08591D
950
#053812

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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