#48CBFA

#48CBFA

Color Values

HEX

#48CBFA

RGB

72, 203, 250

HSL

195.8, 94.7%, 63.1%

HSV

195.8, 71.2%, 98.0%

CMYK

71.2%, 18.8%, 0.0%, 2.0%

OKLCH

0.7902 0.1296 226.2

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#48CBFA

#FA7748

Analogous

#48FAD0

#4872FA

#48CBFA

Triadic

#48CBFA

#FA48CB

#CBFA48

Split Complementary

#48CBFA

#FA4872

#FAD048

Tetradic

#48CBFA

#D048FA

#FA7748

#72FA48

Color Blindness Simulation

Original

#48CBFA

Protanopia

#8182EF

Deuteranopia

#796FEC

Tritanopia

#4FE6E4

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9EBFD
300
#88DDFC
400
#47CBFA
500
#07B9F8
600
#0594C7
700
#04769F
800
#035C7C
900
#07445A
950
#052B39

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026