#48FF78

#48FF78

Color Values

HEX

#48FF78

RGB

72, 255, 120

HSL

135.7, 100.0%, 64.1%

HSV

135.7, 71.8%, 100.0%

CMYK

71.8%, 0.0%, 52.9%, 0.0%

OKLCH

0.8813 0.2304 147.8

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#48FF78

#FF48CF

Analogous

#74FF48

#48FFD3

#48FF78

Triadic

#48FF78

#7848FF

#FF7848

Split Complementary

#48FF78

#D348FF

#FF4874

Tetradic

#48FF78

#4874FF

#FF48CF

#FFD348

Color Blindness Simulation

Original

#48FF78

Protanopia

#979999

Deuteranopia

#8D7FA0

Tritanopia

#51B2B8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FFCA
300
#85FFA5
400
#42FF74
500
#00FF43
600
#00CC35
700
#00A32B
800
#008021
900
#055C1C
950
#033A11

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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