#48A6F0

72, 166, 240

#48A6F0

Custom color #48A6F0 with RGB values 72, 166, 240.

HEX#48A6F0
RGB72, 166, 240
HSL206°, 85%, 61%
CMYK70%, 31%, 0%, 6%
CSS Variable--color: #48a6f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #48A6F0

#d0e8fb

#a1d1f7

#72baf3

#42a3f0

#138cec

#0f70bd

#0c548d

#08385e

#041c2f

Tints of #48A6F0

#48a6f0

#5cb0f2

#70b9f3

#84c3f5

#98cdf7

#acd6f8

#c0e0fa

#d4eafb

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.63:1
AA NormalFailAAAFail

Sample Text

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