#22A5F0

34, 165, 240

#22A5F0

Custom color #22A5F0 with RGB values 34, 165, 240.

HEX#22A5F0
RGB34, 165, 240
HSL202°, 87%, 54%
CMYK86%, 31%, 0%, 6%
CSS Variable--color: #22a5f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A5F0

#cfecfc

#9fd8f9

#70c5f5

#40b1f2

#109eef

#0d7ebf

#0a5f8f

#063f60

#032030

Tints of #22A5F0

#22a5f0

#3baff2

#53b9f3

#6cc3f5

#85cdf7

#9dd7f8

#b6e1fa

#ceebfc

#e7f5fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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