#48F3FA

#48F3FA

Color Values

HEX

#48F3FA

RGB

72, 243, 250

HSL

182.4, 94.7%, 63.1%

HSV

182.4, 71.2%, 98.0%

CMYK

71.2%, 2.8%, 0.0%, 2.0%

OKLCH

0.8827 0.135 199.1

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#48F3FA

#FA4F48

Analogous

#48FAA8

#489AFA

#48F3FA

Triadic

#48F3FA

#FA48F3

#F3FA48

Split Complementary

#48F3FA

#FA489A

#FAA848

Tetradic

#48F3FA

#A848FA

#FA4F48

#9AFA48

Color Blindness Simulation

Original

#48F3FA

Protanopia

#9294F8

Deuteranopia

#887BF8

Tritanopia

#51F7F7

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFAFC
200
#B9FAFD
300
#88F7FC
400
#47F3FA
500
#07EFF8
600
#05BFC7
700
#04999F
800
#03777C
900
#07565A
950
#053739

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026