#48FAD1

#48FAD1

Color Values

HEX

#48FAD1

RGB

72, 250, 209

HSL

166.2, 94.7%, 63.1%

HSV

166.2, 71.2%, 98.0%

CMYK

71.2%, 0.0%, 16.4%, 2.0%

OKLCH

0.8867 0.1529 173.5

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#48FAD1

#FA4871

Analogous

#48FA78

#48CAFA

#48FAD1

Triadic

#48FAD1

#D148FA

#FAD148

Split Complementary

#48FAD1

#FA48CA

#FA7848

Tetradic

#48FAD1

#7848FA

#FA4871

#CAFA48

Color Blindness Simulation

Original

#48FAD1

Protanopia

#9597DB

Deuteranopia

#8B7DDD

Tritanopia

#51E3E4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DFFCF5
200
#B9FDEE
300
#88FCE1
400
#47FAD1
500
#07F8C1
600
#05C79A
700
#049F7B
800
#037C60
900
#075A47
950
#05392D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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