#48FA84

#48FA84

Color Values

HEX

#48FA84

RGB

72, 250, 132

HSL

140.2, 94.7%, 63.1%

HSV

140.2, 71.2%, 98.0%

CMYK

71.2%, 0.0%, 47.2%, 2.0%

OKLCH

0.8705 0.2144 150.1

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#48FA84

#FA48BE

Analogous

#65FA48

#48FADD

#48FA84

Triadic

#48FA84

#8448FA

#FA8448

Split Complementary

#48FA84

#DD48FA

#FA4865

Tetradic

#48FA84

#4865FA

#FA48BE

#FADD48

Color Blindness Simulation

Original

#48FA84

Protanopia

#9597A1

Deuteranopia

#8B7DA7

Tritanopia

#51B7BC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DFFCE8
200
#B9FDD0
300
#88FCAF
400
#47FA83
500
#07F858
600
#05C746
700
#049F38
800
#037C2C
900
#075A23
950
#053916

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026