#48A2F5

72, 162, 245

#48A2F5

Custom color #48A2F5 with RGB values 72, 162, 245.

HEX#48A2F5
RGB72, 162, 245
HSL209°, 90%, 62%
CMYK71%, 34%, 0%, 4%
CSS Variable--color: #48a2f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A2F5

#cfe6fc

#9ecefa

#6eb5f7

#3e9df4

#0d84f2

#0b6ac1

#084f91

#053561

#031a30

Tints of #48A2F5

#48a2f5

#5cacf6

#70b6f7

#84c0f8

#97caf9

#abd4fa

#bfdffc

#d3e9fd

#e7f3fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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