#48A5F3

72, 165, 243

#48A5F3

Custom color #48A5F3 with RGB values 72, 165, 243.

HEX#48A5F3
RGB72, 165, 243
HSL207°, 88%, 62%
CMYK70%, 32%, 0%, 5%
CSS Variable--color: #48a5f3;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A5F3

#cfe7fc

#9fd0f9

#6fb8f6

#40a1f2

#1089ef

#0d6ebf

#095290

#063760

#031b30

Tints of #48A5F3

#48a5f3

#5caff4

#70b9f6

#84c2f7

#98ccf8

#abd6fa

#bfe0fb

#d3e9fc

#e7f3fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.64:1
AA NormalFailAAAFail

Sample Text

On Black7.95:1
AA NormalPassAAAPass
Full contrast analysis →