#48C3F9

#48C3F9

Color Values

HEX

#48C3F9

RGB

72, 195, 249

HSL

198.3, 93.7%, 62.9%

HSV

198.3, 71.1%, 97.6%

CMYK

71.1%, 21.7%, 0.0%, 2.4%

OKLCH

0.7715 0.1315 231.1

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48C3F9

#F97E48

Analogous

#48F9D6

#486AF9

#48C3F9

Triadic

#48C3F9

#F948C3

#C3F948

Split Complementary

#48C3F9

#F9486A

#F9D648

Tetradic

#48C3F9

#D648F9

#F97E48

#6AF948

Color Blindness Simulation

Original

#48C3F9

Protanopia

#7D7EEC

Deuteranopia

#766DE9

Tritanopia

#4EE2DF

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAE8FD
300
#88D8FB
400
#48C3F9
500
#08AEF7
600
#068BC6
700
#056F9E
800
#04577B
900
#084059
950
#052938

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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