#22A7F1

34, 167, 241

#22A7F1

Custom color #22A7F1 with RGB values 34, 167, 241.

HEX#22A7F1
RGB34, 167, 241
HSL201°, 88%, 54%
CMYK86%, 31%, 0%, 5%
CSS Variable--color: #22a7f1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A7F1

#cfecfc

#9fd9f9

#6fc6f6

#3fb3f3

#0fa0f0

#0c80c0

#096090

#064060

#032030

Tints of #22A7F1

#22a7f1

#3bb1f3

#53bbf4

#6cc4f6

#85cef7

#9dd8f9

#b6e2fa

#ceecfc

#e7f5fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.67:1
AA NormalFailAAAFail

Sample Text

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