#48FFD1

#48FFD1

Color Values

HEX

#48FFD1

RGB

72, 255, 209

HSL

164.9, 100.0%, 64.1%

HSV

164.9, 71.8%, 100.0%

CMYK

71.8%, 0.0%, 18.0%, 0.0%

OKLCH

0.8987 0.1583 171.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#48FFD1

#FF4876

Analogous

#48FF75

#48D2FF

#48FFD1

Triadic

#48FFD1

#D148FF

#FFD148

Split Complementary

#48FFD1

#FF48D2

#FF7548

Tetradic

#48FFD1

#7548FF

#FF4876

#D2FF48

Color Blindness Simulation

Original

#48FFD1

Protanopia

#9799DC

Deuteranopia

#8D7FDF

Tritanopia

#51E5E7

Achromatopsia

#D5D5D5

CSS Usage

background-color: #48FFD1;
color: #48FFD1;
border-color: #48FFD1;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEFB
100
#DEFCF5
200
#B8FFED
300
#85FFE0
400
#42FFD0
500
#00FFBF
600
#00CC99
700
#00A37A
800
#00805F
900
#055C46
950
#033A2C

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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