#48CFFF

#48CFFF

Color Values

HEX

#48CFFF

RGB

72, 207, 255

HSL

195.7, 100.0%, 64.1%

HSV

195.7, 71.8%, 100.0%

CMYK

71.8%, 18.8%, 0.0%, 0.0%

OKLCH

0.8015 0.1322 226.1

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48CFFF

#FF7848

Analogous

#48FFD3

#4874FF

#48CFFF

Triadic

#48CFFF

#FF48CF

#CFFF48

Split Complementary

#48CFFF

#FF4874

#FFD348

Tetradic

#48CFFF

#D348FF

#FF7848

#74FF48

Color Blindness Simulation

Original

#48CFFF

Protanopia

#8284F3

Deuteranopia

#7B70F1

Tritanopia

#4FEAE8

Achromatopsia

#B6B6B6

CSS Usage

background-color: #48CFFF;
color: #48CFFF;
border-color: #48CFFF;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B8ECFF
300
#85DFFF
400
#42CEFF
500
#00BCFF
600
#0097CC
700
#0078A3
800
#005E80
900
#05455C
950
#032C3A

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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