#22A6DD

34, 166, 221

#22A6DD

Custom color #22A6DD with RGB values 34, 166, 221.

HEX#22A6DD
RGB34, 166, 221
HSL198°, 73%, 50%
CMYK85%, 25%, 0%, 13%
CSS Variable--color: #22a6dd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A6DD

#d3edf8

#a7dbf1

#7acaeb

#4eb8e4

#22a6dd

#1b85b1

#146485

#0e4258

#07212c

Tints of #22A6DD

#22a6dd

#3bb0e1

#54bae5

#6dc4e8

#85ceec

#9ed8f0

#b7e2f4

#d0ecf8

#e9f6fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.78:1
AA NormalFailAAAFail

Sample Text

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