#48C5FA

#48C5FA

Color Values

HEX

#48C5FA

RGB

72, 197, 250

HSL

197.9, 94.7%, 63.1%

HSV

197.9, 71.2%, 98.0%

CMYK

71.2%, 21.2%, 0.0%, 2.0%

OKLCH

0.7765 0.1315 230.3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48C5FA

#FA7D48

Analogous

#48FAD6

#486CFA

#48C5FA

Triadic

#48C5FA

#FA48C5

#C5FA48

Split Complementary

#48C5FA

#FA486C

#FAD648

Tetradic

#48C5FA

#D648FA

#FA7D48

#6CFA48

Color Blindness Simulation

Original

#48C5FA

Protanopia

#7E7FED

Deuteranopia

#776EEA

Tritanopia

#4EE3E1

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF3FC
200
#B9E9FD
300
#88D9FC
400
#47C5FA
500
#07B0F8
600
#058DC7
700
#04719F
800
#03587C
900
#07415A
950
#052939

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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