#48A2F4

72, 162, 244

#48A2F4

Custom color #48A2F4 with RGB values 72, 162, 244.

HEX#48A2F4
RGB72, 162, 244
HSL209°, 89%, 62%
CMYK70%, 34%, 0%, 4%
CSS Variable--color: #48a2f4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A2F4

#cfe7fc

#9fcef9

#6fb6f6

#3f9df3

#0e85f1

#0c6ac0

#095090

#063560

#031b30

Tints of #48A2F4

#48a2f4

#5cacf5

#70b6f6

#84c0f8

#97caf9

#abd4fa

#bfdffb

#d3e9fc

#e7f3fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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