#22A5D5

34, 165, 213

#22A5D5

Custom color #22A5D5 with RGB values 34, 165, 213.

HEX#22A5D5

RGB34, 165, 213

HSL196°, 72%, 48%

CMYK84%, 23%, 0%, 16%

CSS Variable--color: #22a5d5;

Use in Generator Check Contrast View on Wheel

Shades of #22A5D5

#d3eef8

#a7ddf1

#7bccea

#4fbbe3

#23aadc

#1c88b0

#156684

#0e4458

#07222c

Tints of #22A5D5

#22a5d5

#36b2df

#4fbbe3

#69c5e7

#83cfeb

#9cd9ef

#b6e3f3

#cfedf7

#e9f7fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.83:1

AA NormalFailAAAFail

Sample Text

On Black7.41:1

AA NormalPassAAAPass

Full contrast analysis →