#48A5E1

72, 165, 225

#48A5E1

Custom color #48A5E1 with RGB values 72, 165, 225.

HEX#48A5E1
RGB72, 165, 225
HSL204°, 72%, 58%
CMYK68%, 27%, 0%, 12%
CSS Variable--color: #48a5e1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A5E1

#d3e9f8

#a7d4f1

#7cbee9

#50a9e2

#2493db

#1d76af

#165883

#0e3b58

#071d2c

Tints of #48A5E1

#48a5e1

#5cafe4

#70b9e8

#84c3eb

#99cdee

#add7f2

#c1e0f5

#d5eaf8

#e9f4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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