#48FAD3

#48FAD3

Color Values

HEX

#48FAD3

RGB

72, 250, 211

HSL

166.9, 94.7%, 63.1%

HSV

166.9, 71.2%, 98.0%

CMYK

71.2%, 0.0%, 15.6%, 2.0%

OKLCH

0.8872 0.1517 174.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#48FAD3

#FA486F

Analogous

#48FA7A

#48C8FA

#48FAD3

Triadic

#48FAD3

#D348FA

#FAD348

Split Complementary

#48FAD3

#FA48C8

#FA7A48

Tetradic

#48FAD3

#7A48FA

#FA486F

#C8FA48

Color Blindness Simulation

Original

#48FAD3

Protanopia

#9597DC

Deuteranopia

#8B7DDF

Tritanopia

#51E4E6

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DFFCF5
200
#B9FDEE
300
#88FCE2
400
#47FAD3
500
#07F8C4
600
#05C79C
700
#049F7D
800
#037C62
900
#075A48
950
#05392D

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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