#48DFD0

#48DFD0

Color Values

HEX

#48DFD0

RGB

72, 223, 208

HSL

174,0, 70,2%, 57,8%

HSV

174,0, 67,7%, 87,5%

CMYK

67,7%, 0,0%, 6,7%, 12,5%

OKLCH

0,8217 0,1267 185,5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#48DFD0

#DF4857

Analogous

#48DF84

#48A2DF

#48DFD0

Triadic

#48DFD0

#D048DF

#DFD048

Split Complementary

#48DFD0

#DF48A2

#DF8448

Tetradic

#48DFD0

#8448DF

#DF4857

#A2DF48

Color Blindness Simulation

Original

#48DFD0

Protanopia

#898BD4

Deuteranopia

#8175D4

Tritanopia

#50D6D7

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F4EF
300
#97EDE4
400
#5EE3D6
500
#26D9C7
600
#1EAE9F
700
#188B7F
800
#136D64
900
#124F49
950
#0B322E

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Ene 18, 2026