HEX #22BDF4 color — Dodger Blue
The color #22BDF4 is a light shade and highly saturated.
Palette
22BDF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7f8fe |
rgb(231,248,254) |
hsl(196,91%,95%) |
#cef0fd |
rgb(206,240,253) |
hsl(196,91%,90%) |
#b6e9fc |
rgb(182,233,252) |
hsl(196,91%,85%) |
#9ee2fa |
rgb(158,226,250) |
hsl(196,91%,80%) |
#85daf9 |
rgb(133,218,249) |
hsl(196,91%,75%) |
#6dd3f8 |
rgb(109,211,248) |
hsl(196,91%,70%) |
#55ccf7 |
rgb(85,204,247) |
hsl(196,91%,65%) |
#3cc4f6 |
rgb(60,196,246) |
hsl(196,91%,60%) |
#24bdf5 |
rgb(36,189,245) |
hsl(196,91%,55%) |
#0bb6f4 |
rgb(11,182,244) |
hsl(196,91%,50%) |
#0aa3db |
rgb(10,163,219) |
hsl(196,91%,45%) |
#0991c3 |
rgb(9,145,195) |
hsl(196,91%,40%) |
#087faa |
rgb(8,127,170) |
hsl(196,91%,35%) |
#076d92 |
rgb(7,109,146) |
hsl(196,91%,30%) |
#065b7a |
rgb(6,91,122) |
hsl(196,91%,25%) |
#054961 |
rgb(5,73,97) |
hsl(196,91%,20%) |
#033649 |
rgb(3,54,73) |
hsl(196,91%,15%) |
#022431 |
rgb(2,36,49) |
hsl(196,91%,10%) |
#011218 |
rgb(1,18,24) |
hsl(196,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F59F |
rgb(34,245,159) |
hsl(156,91%,55%) |
#22BDF4 |
rgb(34,189,244) |
hsl(196,91%,55%) |
#2230F4 |
rgb(34,48,244) |
hsl(236,91%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76D6F8 |
rgb(118,214,248) |
hsl(196,90%,72%) |
#4CC9F6 |
rgb(76,201,246) |
hsl(196,90%,63%) |
#22BDF4 |
rgb(34,189,244) |
hsl(196,91%,55%) |
#0BA8DE |
rgb(11,168,222) |
hsl(195,91%,46%) |
#0887B4 |
rgb(8,135,180) |
hsl(196,91%,37%) |
#066989 |
rgb(6,105,137) |
hsl(195,92%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#22BDF4 |
rgb(34,189,244) |
hsl(196,91%,55%) |
#F42154 |
rgb(244,33,84) |
hsl(345,91%,54%) |
#F4C222 |
rgb(244,194,34) |
hsl(46,91%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22BDF4 |
rgb(34,189,244) |
hsl(196,91%,55%) |
#F45922 |
rgb(244,89,34) |
hsl(16,91%,55%) |
#22F5C2 |
rgb(34,245,194) |
hsl(165,91%,55%) |
#F4C222 |
rgb(244,194,34) |
hsl(46,91%,55%) |