#48BDF9

#48BDF9

Color Values

HEX

#48BDF9

RGB

72, 189, 249

HSL

200.3, 93.7%, 62.9%

HSV

200.3, 71.1%, 97.6%

CMYK

71.1%, 24.1%, 0.0%, 2.4%

OKLCH

0.7578 0.1342 235.1

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48BDF9

#F98448

Analogous

#48F9DC

#4864F9

#48BDF9

Triadic

#48BDF9

#F948BD

#BDF948

Split Complementary

#48BDF9

#F94864

#F9DC48

Tetradic

#48BDF9

#DC48F9

#F98448

#64F948

Color Blindness Simulation

Original

#48BDF9

Protanopia

#7B7CEA

Deuteranopia

#746BE7

Tritanopia

#4EDFDC

Achromatopsia

#A8A8A8

CSS Usage

background-color: #48BDF9;
color: #48BDF9;
border-color: #48BDF9;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F9FD
100
#DFF2FB
200
#BAE6FD
300
#88D4FB
400
#48BDF9
500
#08A6F7
600
#0685C6
700
#056A9E
800
#04537B
900
#083E59
950
#052738

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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