#48C4FA

#48C4FA

Color Values

HEX

#48C4FA

RGB

72, 196, 250

HSL

198.2, 94.7%, 63.1%

HSV

198.2, 71.2%, 98.0%

CMYK

71.2%, 21.6%, 0.0%, 2.0%

OKLCH

0.7742 0.1319 231.0

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48C4FA

#FA7E48

Analogous

#48FAD7

#486BFA

#48C4FA

Triadic

#48C4FA

#FA48C4

#C4FA48

Split Complementary

#48C4FA

#FA486B

#FAD748

Tetradic

#48C4FA

#D748FA

#FA7E48

#6BFA48

Color Blindness Simulation

Original

#48C4FA

Protanopia

#7E7FED

Deuteranopia

#766DEA

Tritanopia

#4EE3E0

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9E9FD
300
#88D9FC
400
#47C4FA
500
#07AFF8
600
#058CC7
700
#04709F
800
#03577C
900
#07415A
950
#052939

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.55:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026