#48F3F9

#48F3F9

Color Values

HEX

#48F3F9

RGB

72, 243, 249

HSL

182.0, 93.7%, 62.9%

HSV

182.0, 71.1%, 97.6%

CMYK

71.1%, 2.4%, 0.0%, 2.4%

OKLCH

0.8823 0.135 198.5

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#48F3F9

#F94E48

Analogous

#48F9A6

#489AF9

#48F3F9

Triadic

#48F3F9

#F948F3

#F3F948

Split Complementary

#48F3F9

#F9489A

#F9A648

Tetradic

#48F3F9

#A648F9

#F94E48

#9AF948

Color Blindness Simulation

Original

#48F3F9

Protanopia

#9294F8

Deuteranopia

#887BF7

Tritanopia

#51F6F6

Achromatopsia

#CFCFCF

CSS Usage

background-color: #48F3F9;
color: #48F3F9;
border-color: #48F3F9;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAFBFD
300
#88F7FB
400
#48F3F9
500
#08EFF7
600
#06BFC6
700
#05999E
800
#04787B
900
#085759
950
#053738

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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