#48A6DC

72, 166, 220

#48A6DC

Custom color #48A6DC with RGB values 72, 166, 220.

HEX#48A6DC
RGB72, 166, 220
HSL202°, 68%, 57%
CMYK67%, 25%, 0%, 14%
CSS Variable--color: #48a6dc;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A6DC

#d4eaf7

#a9d5ef

#7fc1e6

#54acde

#2997d6

#2179ab

#195b80

#103c56

#081e2b

Tints of #48A6DC

#48a6dc

#5cb0e0

#70bae4

#85c3e8

#99cdeb

#add7ef

#c1e1f3

#d5ebf7

#eaf5fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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