#48CBF9

#48CBF9

Color Values

HEX

#48CBF9

RGB

72, 203, 249

HSL

195.6, 93.7%, 62.9%

HSV

195.6, 71.1%, 97.6%

CMYK

71.1%, 18.5%, 0.0%, 2.4%

OKLCH

0.7898 0.1289 225.7

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48CBF9

#F97648

Analogous

#48F9CE

#4872F9

#48CBF9

Triadic

#48CBF9

#F948CB

#CBF948

Split Complementary

#48CBF9

#F94872

#F9CE48

Tetradic

#48CBF9

#CE48F9

#F97648

#72F948

Color Blindness Simulation

Original

#48CBF9

Protanopia

#8182EE

Deuteranopia

#796FEB

Tritanopia

#4FE5E3

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEBFD
300
#88DDFB
400
#48CBF9
500
#08B9F7
600
#0694C6
700
#05769E
800
#045C7B
900
#084459
950
#052B38

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.19:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026