#48EE97

#48EE97

Color Values

HEX

#48EE97

RGB

72, 238, 151

HSL

148.6, 83.0%, 60.8%

HSV

148.6, 69.7%, 93.3%

CMYK

69.7%, 0.0%, 36.6%, 6.7%

OKLCH

0.844 0.1828 155.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#48EE97

#EE489F

Analogous

#4CEE48

#48EEEA

#48EE97

Triadic

#48EE97

#9748EE

#EE9748

Split Complementary

#48EE97

#EA48EE

#EE484C

Tetradic

#48EE97

#484CEE

#EE489F

#EEEA48

Color Blindness Simulation

Original

#48EE97

Protanopia

#9091AC

Deuteranopia

#867AB1

Tritanopia

#50BDC0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DA
300
#8FF5BF
400
#52EF9D
500
#16E97B
600
#11BB62
700
#0E954E
800
#0B753D
900
#0C552F
950
#08351E

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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