#48A6E2

72, 166, 226

#48A6E2

Custom color #48A6E2 with RGB values 72, 166, 226.

HEX#48A6E2
RGB72, 166, 226
HSL203°, 73%, 58%
CMYK68%, 27%, 0%, 11%
CSS Variable--color: #48a6e2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A6E2

#d3eaf8

#a7d4f1

#7bbfea

#4fa9e3

#2394dc

#1c76b0

#155984

#0e3b58

#071e2c

Tints of #48A6E2

#48a6e2

#5cb0e5

#70bae8

#84c3ec

#98cdef

#add7f2

#c1e1f5

#d5ebf8

#e9f4fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.68:1
AA NormalFailAAAFail

Sample Text

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