#22A4EC

34, 164, 236

#22A4EC

Custom color #22A4EC with RGB values 34, 164, 236.

HEX#22A4EC
RGB34, 164, 236
HSL201°, 84%, 53%
CMYK86%, 31%, 0%, 7%
CSS Variable--color: #22a4ec;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A4EC

#d0ecfb

#a1d8f7

#72c5f3

#43b2ef

#149eeb

#107fbc

#0c5f8d

#083f5e

#04202f

Tints of #22A4EC

#22a4ec

#3baeee

#53b8f0

#6cc2f2

#85cdf4

#9dd7f7

#b6e1f9

#cfebfb

#e8f5fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.77:1
AA NormalFailAAAFail

Sample Text

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