#22A4F1

34, 164, 241

#22A4F1

Custom color #22A4F1 with RGB values 34, 164, 241.

HEX#22A4F1
RGB34, 164, 241
HSL202°, 88%, 54%
CMYK86%, 32%, 0%, 5%
CSS Variable--color: #22a4f1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A4F1

#cfebfc

#9fd8f9

#6fc4f6

#3fb0f3

#0f9cf0

#0c7dc0

#095e90

#063f60

#031f30

Tints of #22A4F1

#22a4f1

#3baef3

#53b8f4

#6cc2f6

#85cdf7

#9dd7f9

#b6e1fa

#ceebfc

#e7f5fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.75:1
AA NormalFailAAAFail

Sample Text

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