HEX #22BDFF color — Dodger Blue
The color #22BDFF is a light shade and highly saturated.
Palette
22BDFF color palette from light to dark
HEX |
RGB |
HSL |
#f0faff |
rgb(240,250,255) |
hsl(198,100%,97%) |
#d6f3ff |
rgb(214,243,255) |
hsl(198,100%,92%) |
#bdebff |
rgb(189,235,255) |
hsl(198,100%,87%) |
#a3e3ff |
rgb(163,227,255) |
hsl(198,100%,82%) |
#8adcff |
rgb(138,220,255) |
hsl(198,100%,77%) |
#70d4ff |
rgb(112,212,255) |
hsl(198,100%,72%) |
#57cdff |
rgb(87,205,255) |
hsl(198,100%,67%) |
#3dc5ff |
rgb(61,197,255) |
hsl(198,100%,62%) |
#24bdff |
rgb(36,189,255) |
hsl(198,100%,57%) |
#0ab6ff |
rgb(10,182,255) |
hsl(198,100%,52%) |
#00a8f0 |
rgb(0,168,240) |
hsl(198,100%,47%) |
#0096d6 |
rgb(0,150,214) |
hsl(198,100%,42%) |
#0084bd |
rgb(0,132,189) |
hsl(198,100%,37%) |
#0072a3 |
rgb(0,114,163) |
hsl(198,100%,32%) |
#00608a |
rgb(0,96,138) |
hsl(198,100%,27%) |
#004f70 |
rgb(0,79,112) |
hsl(198,100%,22%) |
#003d57 |
rgb(0,61,87) |
hsl(198,100%,17%) |
#002b3d |
rgb(0,43,61) |
hsl(198,100%,12%) |
#001924 |
rgb(0,25,36) |
hsl(198,100%,7%) |
#00070a |
rgb(0,7,10) |
hsl(198,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22FFAD |
rgb(34,255,173) |
hsl(158,100%,57%) |
#22BDFF |
rgb(34,189,255) |
hsl(198,100%,57%) |
#2229FF |
rgb(34,41,255) |
hsl(238,100%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7ED9FF |
rgb(126,217,255) |
hsl(198,100%,75%) |
#50CCFF |
rgb(80,204,255) |
hsl(197,100%,66%) |
#22BDFF |
rgb(34,189,255) |
hsl(198,100%,57%) |
#00ABF2 |
rgb(0,171,242) |
hsl(198,100%,47%) |
#008AC4 |
rgb(0,138,196) |
hsl(198,100%,38%) |
#006996 |
rgb(0,105,150) |
hsl(198,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#22BDFF |
rgb(34,189,255) |
hsl(198,100%,57%) |
#FF214E |
rgb(255,33,78) |
hsl(348,100%,56%) |
#FFD422 |
rgb(255,212,34) |
hsl(48,100%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22BDFF |
rgb(34,189,255) |
hsl(198,100%,57%) |
#FF6322 |
rgb(255,99,34) |
hsl(18,100%,57%) |
#22FFD2 |
rgb(34,255,210) |
hsl(168,100%,57%) |
#FFD422 |
rgb(255,212,34) |
hsl(48,100%,57%) |