#48F9F2

#48F9F2

Color Values

HEX

#48F9F2

RGB

72, 249, 242

HSL

177.6, 93.7%, 62.9%

HSV

177.6, 71.1%, 97.6%

CMYK

71.1%, 0.0%, 2.8%, 2.4%

OKLCH

0.894 0.1391 191.0

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#48F9F2

#F9484F

Analogous

#48F999

#48A7F9

#48F9F2

Triadic

#48F9F2

#F248F9

#F9F248

Split Complementary

#48F9F2

#F948A7

#F99948

Tetradic

#48F9F2

#9948F9

#F9484F

#A7F948

Color Blindness Simulation

Original

#48F9F2

Protanopia

#9596F4

Deuteranopia

#8A7DF4

Tritanopia

#51F5F5

Achromatopsia

#D3D3D3

CSS Usage

background-color: #48F9F2;
color: #48F9F2;
border-color: #48F9F2;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDFA
300
#88FBF7
400
#48F9F2
500
#08F7ED
600
#06C6BE
700
#059E98
800
#047B77
900
#085956
950
#053836

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.11:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026