#48F980

#48F980

Color Values

HEX

#48F980

RGB

72, 249, 128

HSL

139.0, 93.7%, 62.9%

HSV

139.0, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 48.6%, 2.4%

OKLCH

0.8675 0.2166 149.5

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#48F980

#F948C1

Analogous

#68F948

#48F9D9

#48F980

Triadic

#48F980

#8048F9

#F98048

Split Complementary

#48F980

#D948F9

#F94868

Tetradic

#48F980

#4868F9

#F948C1

#F9D948

Color Blindness Simulation

Original

#48F980

Protanopia

#95969D

Deuteranopia

#8A7DA4

Tritanopia

#51B4B9

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BAFDCF
300
#88FBAD
400
#48F980
500
#08F754
600
#06C643
700
#059E36
800
#047B2A
900
#085921
950
#053815

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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