#22A8F0

34, 168, 240

#22A8F0

Custom color #22A8F0 with RGB values 34, 168, 240.

HEX#22A8F0

RGB34, 168, 240

HSL201°, 87%, 54%

CMYK86%, 30%, 0%, 6%

CSS Variable--color: #22a8f0;

Use in Generator Check Contrast View on Wheel

Shades of #22A8F0

#cfecfc

#9fd9f9

#70c7f5

#40b4f2

#10a1ef

#0d81bf

#0a618f

#064060

#032030

Tints of #22A8F0

#22a8f0

#3bb2f2

#53bbf3

#6cc5f5

#85cff7

#9dd8f8

#b6e2fa

#ceecfc

#e7f6fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.65:1

AA NormalFailAAAFail

Sample Text

On Black7.93:1

AA NormalPassAAAPass

Full contrast analysis →