HEX #22B5DE color — Scooter
The color #22B5DE is a light shade and highly saturated.
Palette
22B5DE color palette from light to dark
HEX |
RGB |
HSL |
#e9f8fc |
rgb(233,248,252) |
hsl(193,74%,95%) |
#d3f0f8 |
rgb(211,240,248) |
hsl(193,74%,90%) |
#bce9f5 |
rgb(188,233,245) |
hsl(193,74%,85%) |
#a6e1f2 |
rgb(166,225,242) |
hsl(193,74%,80%) |
#90daee |
rgb(144,218,238) |
hsl(193,74%,75%) |
#7ad3eb |
rgb(122,211,235) |
hsl(193,74%,70%) |
#64cbe8 |
rgb(100,203,232) |
hsl(193,74%,65%) |
#4ec4e4 |
rgb(78,196,228) |
hsl(193,74%,60%) |
#37bce1 |
rgb(55,188,225) |
hsl(193,74%,55%) |
#21b5de |
rgb(33,181,222) |
hsl(193,74%,50%) |
#1ea3c8 |
rgb(30,163,200) |
hsl(193,74%,45%) |
#1b91b1 |
rgb(27,145,177) |
hsl(193,74%,40%) |
#177f9b |
rgb(23,127,155) |
hsl(193,74%,35%) |
#146d85 |
rgb(20,109,133) |
hsl(193,74%,30%) |
#115a6f |
rgb(17,90,111) |
hsl(193,74%,25%) |
#0d4859 |
rgb(13,72,89) |
hsl(193,74%,20%) |
#0a3643 |
rgb(10,54,67) |
hsl(193,74%,15%) |
#07242c |
rgb(7,36,44) |
hsl(193,74%,10%) |
#031216 |
rgb(3,18,22) |
hsl(193,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22DE89 |
rgb(34,222,137) |
hsl(153,74%,50%) |
#22B5DE |
rgb(34,181,222) |
hsl(193,74%,50%) |
#2238DE |
rgb(34,56,222) |
hsl(233,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69CCE8 |
rgb(105,204,232) |
hsl(193,73%,66%) |
#45C2E3 |
rgb(69,194,227) |
hsl(193,74%,58%) |
#22B5DE |
rgb(34,181,222) |
hsl(193,74%,50%) |
#1B99BB |
rgb(27,153,187) |
hsl(193,75%,42%) |
#167A97 |
rgb(22,122,151) |
hsl(193,75%,34%) |
#115E73 |
rgb(17,94,115) |
hsl(193,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#22B5DE |
rgb(34,181,222) |
hsl(193,74%,50%) |
#DE2157 |
rgb(222,33,87) |
hsl(343,74%,50%) |
#DEA822 |
rgb(222,168,34) |
hsl(43,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22B5DE |
rgb(34,181,222) |
hsl(193,74%,50%) |
#DE4A22 |
rgb(222,74,34) |
hsl(13,74%,50%) |
#22DEA9 |
rgb(34,222,169) |
hsl(163,74%,50%) |
#DEA822 |
rgb(222,168,34) |
hsl(43,74%,50%) |