#48FA7B

#48FA7B

Color Values

HEX

#48FA7B

RGB

72, 250, 123

HSL

137.2, 94.7%, 63.1%

HSV

137.2, 71.2%, 98.0%

CMYK

71.2%, 0.0%, 50.8%, 2.0%

OKLCH

0.8692 0.222 148.6

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#48FA7B

#FA48C7

Analogous

#6EFA48

#48FAD4

#48FA7B

Triadic

#48FA7B

#7B48FA

#FA7B48

Split Complementary

#48FA7B

#D448FA

#FA486E

Tetradic

#48FA7B

#486EFA

#FA48C7

#FAD448

Color Blindness Simulation

Original

#48FA7B

Protanopia

#95979A

Deuteranopia

#8B7DA1

Tritanopia

#51B2B7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FEF5
100
#DFFCE7
200
#B9FDCD
300
#88FCA9
400
#47FA7B
500
#07F84C
600
#05C73D
700
#049F31
800
#037C26
900
#075A1F
950
#053913

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026