#48DDF9

#48DDF9

Color Values

HEX

#48DDF9

RGB

72, 221, 249

HSL

189.5, 93.7%, 62.9%

HSV

189.5, 71.1%, 97.6%

CMYK

71.1%, 11.2%, 0.0%, 2.4%

OKLCH

0.8312 0.1278 213.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#48DDF9

#F96448

Analogous

#48F9BC

#4884F9

#48DDF9

Triadic

#48DDF9

#F948DD

#DDF948

Split Complementary

#48DDF9

#F94884

#F9BC48

Tetradic

#48DDF9

#BC48F9

#F96448

#84F948

Color Blindness Simulation

Original

#48DDF9

Protanopia

#898AF2

Deuteranopia

#8075F1

Tritanopia

#4FEDEC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #48DDF9;
color: #48DDF9;
border-color: #48DDF9;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF2FD
300
#88E9FB
400
#48DDF9
500
#08D1F7
600
#06A7C6
700
#05869E
800
#04697B
900
#084C59
950
#053038

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.99:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026