HEX #22BDD4 color — Java
The color #22BDD4 is a light shade and highly saturated.
Palette
22BDD4 color palette from light to dark
HEX |
RGB |
HSL |
#f6fdfe |
rgb(246,253,254) |
hsl(188,72%,98%) |
#e0f7fa |
rgb(224,247,250) |
hsl(188,72%,93%) |
#caf1f6 |
rgb(202,241,246) |
hsl(188,72%,88%) |
#b4ebf3 |
rgb(180,235,243) |
hsl(188,72%,83%) |
#9fe5ef |
rgb(159,229,239) |
hsl(188,72%,78%) |
#89dfec |
rgb(137,223,236) |
hsl(188,72%,73%) |
#73d8e8 |
rgb(115,216,232) |
hsl(188,72%,68%) |
#5dd2e5 |
rgb(93,210,229) |
hsl(188,72%,63%) |
#47cce1 |
rgb(71,204,225) |
hsl(188,72%,58%) |
#31c6dd |
rgb(49,198,221) |
hsl(188,72%,53%) |
#22bbd3 |
rgb(34,187,211) |
hsl(188,72%,48%) |
#1fa8bd |
rgb(31,168,189) |
hsl(188,72%,43%) |
#1b94a7 |
rgb(27,148,167) |
hsl(188,72%,38%) |
#188191 |
rgb(24,129,145) |
hsl(188,72%,33%) |
#146d7b |
rgb(20,109,123) |
hsl(188,72%,28%) |
#105a65 |
rgb(16,90,101) |
hsl(188,72%,23%) |
#0d464f |
rgb(13,70,79) |
hsl(188,72%,18%) |
#093339 |
rgb(9,51,57) |
hsl(188,72%,13%) |
#061f23 |
rgb(6,31,35) |
hsl(188,72%,8%) |
#020c0d |
rgb(2,12,13) |
hsl(188,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D474 |
rgb(34,212,116) |
hsl(148,72%,48%) |
#22BDD4 |
rgb(34,189,212) |
hsl(188,72%,48%) |
#2247D4 |
rgb(34,71,212) |
hsl(228,72%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5FD4E5 |
rgb(95,212,229) |
hsl(188,72%,64%) |
#3DCCDF |
rgb(61,204,223) |
hsl(187,72%,56%) |
#22BDD4 |
rgb(34,189,212) |
hsl(188,72%,48%) |
#1C9EB2 |
rgb(28,158,178) |
hsl(188,73%,40%) |
#178090 |
rgb(23,128,144) |
hsl(188,72%,33%) |
#11636E |
rgb(17,99,110) |
hsl(187,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#22BDD4 |
rgb(34,189,212) |
hsl(188,72%,48%) |
#D42164 |
rgb(212,33,100) |
hsl(338,73%,48%) |
#D49122 |
rgb(212,145,34) |
hsl(37,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22BDD4 |
rgb(34,189,212) |
hsl(188,72%,48%) |
#D43822 |
rgb(212,56,34) |
hsl(7,72%,48%) |
#22D492 |
rgb(34,212,146) |
hsl(158,72%,48%) |
#D49122 |
rgb(212,145,34) |
hsl(37,72%,48%) |