#48F989

#48F989

Color Values

HEX

#48F989

RGB

72, 249, 137

HSL

142.0, 93.7%, 62.9%

HSV

142.0, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 45.0%, 2.4%

OKLCH

0.8688 0.2088 151.1

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#48F989

#F948B8

Analogous

#5FF948

#48F9E1

#48F989

Triadic

#48F989

#8948F9

#F98948

Split Complementary

#48F989

#E148F9

#F9485F

Tetradic

#48F989

#485FF9

#F948B8

#F9E148

Color Blindness Simulation

Original

#48F989

Protanopia

#9596A4

Deuteranopia

#8A7DAB

Tritanopia

#51BABE

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBE9
200
#BAFDD2
300
#88FBB3
400
#48F989
500
#08F760
600
#06C64D
700
#059E3D
800
#047B30
900
#085926
950
#053818

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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