#48CCC9

#48CCC9

Color Values

HEX

#48CCC9

RGB

72, 204, 201

HSL

178,6, 56,4%, 54,1%

HSV

178,6, 64,7%, 80,0%

CMYK

64,7%, 0,0%, 1,5%, 20,0%

OKLCH

0,7738 0,113 192,9

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#48CCC9

#CC484B

Analogous

#48CC87

#488DCC

#48CCC9

Triadic

#48CCC9

#C948CC

#CCC948

Split Complementary

#48CCC9

#CC488D

#CC8748

Tetradic

#48CCC9

#8748CC

#CC484B

#8DCC48

Color Blindness Simulation

Original

#48CCC9

Protanopia

#8182CA

Deuteranopia

#7A70CA

Tritanopia

#4FCACA

Achromatopsia

#B0B0B0

CSS Usage

background-color: #48CCC9;
color: #48CCC9;
border-color: #48CCC9;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFEE
300
#9FE4E3
400
#6BD6D3
500
#38C7C4
600
#2CA09D
700
#24807D
800
#1C6462
900
#184948
950
#0F2E2D

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,76:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026