#48A6DE

72, 166, 222

#48A6DE

Custom color #48A6DE with RGB values 72, 166, 222.

HEX#48A6DE
RGB72, 166, 222
HSL202°, 69%, 58%
CMYK68%, 25%, 0%, 13%
CSS Variable--color: #48a6de;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A6DE

#d4eaf7

#a9d5ef

#7dc0e8

#52abe0

#2796d8

#1f78ad

#175a82

#103c56

#081e2b

Tints of #48A6DE

#48a6de

#5cb0e2

#70bae5

#85c3e9

#99cded

#add7f0

#c1e1f4

#d5ebf7

#e9f4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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