#48F9DF

#48F9DF

Color Values

HEX

#48F9DF

RGB

72, 249, 223

HSL

171,2, 93,7%, 62,9%

HSV

171,2, 71,1%, 97,6%

CMYK

71,1%, 0,0%, 10,4%, 2,4%

OKLCH

0,8882 0,1448 180,7

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#48F9DF

#F94862

Analogous

#48F986

#48BAF9

#48F9DF

Triadic

#48F9DF

#DF48F9

#F9DF48

Split Complementary

#48F9DF

#F948BA

#F98648

Tetradic

#48F9DF

#8648F9

#F94862

#BAF948

Color Blindness Simulation

Original

#48F9DF

Protanopia

#9596E5

Deuteranopia

#8A7DE7

Tritanopia

#51EAEB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF7
200
#BAFDF3
300
#88FBEA
400
#48F9DF
500
#08F7D4
600
#06C6AA
700
#059E88
800
#047B6A
900
#08594D
950
#053831

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

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