#48DF88

#48DF88

Color Values

HEX

#48DF88

RGB

72, 223, 136

HSL

145,4, 70,2%, 57,8%

HSV

145,4, 67,7%, 87,5%

CMYK

67,7%, 0,0%, 39,0%, 12,5%

OKLCH

0,8038 0,1769 153,8

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#48DF88

#DF489F

Analogous

#53DF48

#48DFD3

#48DF88

Triadic

#48DF88

#8848DF

#DF8848

Split Complementary

#48DF88

#D348DF

#DF4853

Tetradic

#48DF88

#4853DF

#DF489F

#DFD348

Color Blindness Simulation

Original

#48DF88

Protanopia

#898B9D

Deuteranopia

#8175A2

Tritanopia

#50AEB1

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C2F4D7
300
#97EDBB
400
#5EE396
500
#26D972
600
#1EAE5B
700
#188B49
800
#136D39
900
#124F2C
950
#0B321C

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026