#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026