#22A8E1

34, 168, 225

#22A8E1

Custom color #22A8E1 with RGB values 34, 168, 225.

HEX#22A8E1
RGB34, 168, 225
HSL198°, 76%, 51%
CMYK85%, 25%, 0%, 12%
CSS Variable--color: #22a8e1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A8E1

#d2edf9

#a5dcf3

#78caed

#4bb8e7

#1ea7e1

#1885b4

#126487

#0c435a

#06212d

Tints of #22A8E1

#22a8e1

#3bb2e4

#54bce8

#6cc5eb

#85cfee

#9ed9f2

#b7e3f5

#d0ecf9

#e9f6fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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