HEX #22B5FF color — Dodger Blue
The color #22B5FF is a light shade and highly saturated.
Palette
22B5FF color palette from light to dark
HEX |
RGB |
HSL |
#f0faff |
rgb(240,250,255) |
hsl(200,100%,97%) |
#d6f1ff |
rgb(214,241,255) |
hsl(200,100%,92%) |
#bde9ff |
rgb(189,233,255) |
hsl(200,100%,87%) |
#a3e0ff |
rgb(163,224,255) |
hsl(200,100%,82%) |
#8ad8ff |
rgb(138,216,255) |
hsl(200,100%,77%) |
#70cfff |
rgb(112,207,255) |
hsl(200,100%,72%) |
#57c7ff |
rgb(87,199,255) |
hsl(200,100%,67%) |
#3dbeff |
rgb(61,190,255) |
hsl(200,100%,62%) |
#24b6ff |
rgb(36,182,255) |
hsl(200,100%,57%) |
#0aadff |
rgb(10,173,255) |
hsl(200,100%,52%) |
#00a0f0 |
rgb(0,160,240) |
hsl(200,100%,47%) |
#008fd6 |
rgb(0,143,214) |
hsl(200,100%,42%) |
#007ebd |
rgb(0,126,189) |
hsl(200,100%,37%) |
#006da3 |
rgb(0,109,163) |
hsl(200,100%,32%) |
#005c8a |
rgb(0,92,138) |
hsl(200,100%,27%) |
#004b70 |
rgb(0,75,112) |
hsl(200,100%,22%) |
#003a57 |
rgb(0,58,87) |
hsl(200,100%,17%) |
#00293d |
rgb(0,41,61) |
hsl(200,100%,12%) |
#001824 |
rgb(0,24,36) |
hsl(200,100%,7%) |
#00070a |
rgb(0,7,10) |
hsl(200,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22FFB5 |
rgb(34,255,181) |
hsl(160,100%,57%) |
#22B5FF |
rgb(34,181,255) |
hsl(200,100%,57%) |
#2221FF |
rgb(34,33,255) |
hsl(240,100%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7ED4FF |
rgb(126,212,255) |
hsl(200,100%,75%) |
#50C4FF |
rgb(80,196,255) |
hsl(200,100%,66%) |
#22B5FF |
rgb(34,181,255) |
hsl(200,100%,57%) |
#00A1F2 |
rgb(0,161,242) |
hsl(200,100%,47%) |
#0082C4 |
rgb(0,130,196) |
hsl(200,100%,38%) |
#006396 |
rgb(0,99,150) |
hsl(200,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#22B5FF |
rgb(34,181,255) |
hsl(200,100%,57%) |
#FF2146 |
rgb(255,33,70) |
hsl(350,100%,56%) |
#FFDB22 |
rgb(255,219,34) |
hsl(50,100%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22B5FF |
rgb(34,181,255) |
hsl(200,100%,57%) |
#FF6B22 |
rgb(255,107,34) |
hsl(20,100%,57%) |
#22FFDA |
rgb(34,255,218) |
hsl(170,100%,57%) |
#FFDB22 |
rgb(255,219,34) |
hsl(50,100%,57%) |