#48F985

#48F985

Color Values

HEX

#48F985

RGB

72, 249, 133

HSL

140.7, 93.7%, 62.9%

HSV

140.7, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 46.6%, 2.4%

OKLCH

0.8682 0.2123 150.4

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#48F985

#F948BC

Analogous

#63F948

#48F9DE

#48F985

Triadic

#48F985

#8548F9

#F98548

Split Complementary

#48F985

#DE48F9

#F94863

Tetradic

#48F985

#4863F9

#F948BC

#F9DE48

Color Blindness Simulation

Original

#48F985

Protanopia

#9596A1

Deuteranopia

#8A7DA8

Tritanopia

#51B7BC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE9
200
#BAFDD1
300
#88FBB0
400
#48F985
500
#08F75A
600
#06C648
700
#059E3A
800
#047B2D
900
#085924
950
#053817

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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