#22A5CD

34, 165, 205

#22A5CD

Custom color #22A5CD with RGB values 34, 165, 205.

HEX#22A5CD
RGB34, 165, 205
HSL194°, 72%, 47%
CMYK83%, 20%, 0%, 20%
CSS Variable--color: #22a5cd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #22A5CD

#d3eff8

#a8dff0

#7cd0e9

#50c0e2

#24b0db

#1d8daf

#166a83

#0f4657

#07232c

Tints of #22A5CD

#22a5cd

#31b5dd

#4bbee1

#66c8e6

#80d1ea

#9adbee

#b4e4f3

#cfeef7

#e9f7fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.86:1
AA NormalFailAAAFail

Sample Text

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