#48A3DE

72, 163, 222

#48A3DE

Custom color #48A3DE with RGB values 72, 163, 222.

HEX#48A3DE
RGB72, 163, 222
HSL204°, 69%, 58%
CMYK68%, 27%, 0%, 13%
CSS Variable--color: #48a3de;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A3DE

#d4e9f7

#a9d4ef

#7dbee8

#52a8e0

#2792d8

#1f75ad

#175882

#103b56

#081d2b

Tints of #48A3DE

#48a3de

#5cade2

#70b7e5

#85c1e9

#99cced

#add6f0

#c1e0f4

#d5eaf7

#e9f4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.77:1
AA NormalFailAAAFail

Sample Text

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