#22A4FA

34, 164, 250

#22A4FA

Custom color #22A4FA with RGB values 34, 164, 250.

HEX#22A4FA
RGB34, 164, 250
HSL204°, 96%, 56%
CMYK86%, 34%, 0%, 2%
CSS Variable--color: #22a4fa;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A4FA

#cdeafe

#9bd6fd

#69c1fc

#38adfa

#0698f9

#057ac7

#035b96

#023d64

#011e32

Tints of #22A4FA

#22a4fa

#3baefb

#53b8fb

#6cc2fc

#84ccfc

#9dd6fd

#b5e1fd

#ceebfe

#e6f5fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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