#48FF77

#48FF77

Color Values

HEX

#48FF77

RGB

72, 255, 119

HSL

135.4, 100.0%, 64.1%

HSV

135.4, 71.8%, 100.0%

CMYK

71.8%, 0.0%, 53.3%, 0.0%

OKLCH

0.8811 0.2312 147.7

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#48FF77

#FF48D0

Analogous

#74FF48

#48FFD2

#48FF77

Triadic

#48FF77

#7748FF

#FF7748

Split Complementary

#48FF77

#D248FF

#FF4874

Tetradic

#48FF77

#4874FF

#FF48D0

#FFD248

Color Blindness Simulation

Original

#48FF77

Protanopia

#979998

Deuteranopia

#8D7FA0

Tritanopia

#51B2B8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1FEF4
100
#DEFCE6
200
#B8FFCA
300
#85FFA4
400
#42FF73
500
#00FF41
600
#00CC34
700
#00A32A
800
#008021
900
#055C1B
950
#033A11

Contrast Checker

Text on white

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