#48A5DD

72, 165, 221

#48A5DD

Custom color #48A5DD with RGB values 72, 165, 221.

HEX#48A5DD
RGB72, 165, 221
HSL203°, 69%, 57%
CMYK67%, 25%, 0%, 13%
CSS Variable--color: #48a5dd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A5DD

#d4eaf7

#a9d5ef

#7ec0e7

#53aadf

#2895d7

#2077ac

#185a81

#103c56

#081e2b

Tints of #48A5DD

#48a5dd

#5cafe1

#70b9e5

#85c3e8

#99cdec

#add7f0

#c1e1f4

#d5eaf7

#e9f4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.73:1
AA NormalFailAAAFail

Sample Text

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