#22A5EC

34, 165, 236

#22A5EC

Custom color #22A5EC with RGB values 34, 165, 236.

HEX#22A5EC

RGB34, 165, 236

HSL201°, 84%, 53%

CMYK86%, 30%, 0%, 7%

CSS Variable--color: #22a5ec;

Use in Generator Check Contrast View on Wheel

Shades of #22A5EC

#d0ecfb

#a1d9f7

#72c6f3

#43b3ef

#149feb

#1080bc

#0c608d

#08405e

#04202f

Tints of #22A5EC

#22a5ec

#3bafee

#53b9f0

#6cc3f2

#85cdf4

#9dd7f7

#b6e1f9

#cfebfb

#e8f5fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.74:1

AA NormalFailAAAFail

Sample Text

On Black7.66:1

AA NormalPassAAAPass

Full contrast analysis →