HEX #22D6FF color — Cyan / Aqua
The color #22D6FF is a light shade and highly saturated.
Palette
22D6FF color palette from light to dark
HEX |
RGB |
HSL |
#f0fcff |
rgb(240,252,255) |
hsl(191,100%,97%) |
#d6f8ff |
rgb(214,248,255) |
hsl(191,100%,92%) |
#bdf3ff |
rgb(189,243,255) |
hsl(191,100%,87%) |
#a3eeff |
rgb(163,238,255) |
hsl(191,100%,82%) |
#8ae9ff |
rgb(138,233,255) |
hsl(191,100%,77%) |
#70e5ff |
rgb(112,229,255) |
hsl(191,100%,72%) |
#57e0ff |
rgb(87,224,255) |
hsl(191,100%,67%) |
#3ddbff |
rgb(61,219,255) |
hsl(191,100%,62%) |
#24d7ff |
rgb(36,215,255) |
hsl(191,100%,57%) |
#0ad2ff |
rgb(10,210,255) |
hsl(191,100%,52%) |
#00c4f0 |
rgb(0,196,240) |
hsl(191,100%,47%) |
#00afd6 |
rgb(0,175,214) |
hsl(191,100%,42%) |
#009abd |
rgb(0,154,189) |
hsl(191,100%,37%) |
#0085a3 |
rgb(0,133,163) |
hsl(191,100%,32%) |
#00708a |
rgb(0,112,138) |
hsl(191,100%,27%) |
#005c70 |
rgb(0,92,112) |
hsl(191,100%,22%) |
#004757 |
rgb(0,71,87) |
hsl(191,100%,17%) |
#00323d |
rgb(0,50,61) |
hsl(191,100%,12%) |
#001d24 |
rgb(0,29,36) |
hsl(191,100%,7%) |
#00080a |
rgb(0,8,10) |
hsl(191,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22FF94 |
rgb(34,255,148) |
hsl(151,100%,57%) |
#22D6FF |
rgb(34,214,255) |
hsl(191,100%,57%) |
#2242FF |
rgb(34,66,255) |
hsl(231,100%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EE8FF |
rgb(126,232,255) |
hsl(191,100%,75%) |
#50DEFF |
rgb(80,222,255) |
hsl(191,100%,66%) |
#22D6FF |
rgb(34,214,255) |
hsl(191,100%,57%) |
#00C7F2 |
rgb(0,199,242) |
hsl(191,100%,47%) |
#00A1C4 |
rgb(0,161,196) |
hsl(191,100%,38%) |
#007A96 |
rgb(0,122,150) |
hsl(191,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#22D6FF |
rgb(34,214,255) |
hsl(191,100%,57%) |
#FF2167 |
rgb(255,33,103) |
hsl(341,100%,56%) |
#FFBA22 |
rgb(255,186,34) |
hsl(41,100%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22D6FF |
rgb(34,214,255) |
hsl(191,100%,57%) |
#FF4A22 |
rgb(255,74,34) |
hsl(11,100%,57%) |
#22FFB9 |
rgb(34,255,185) |
hsl(161,100%,57%) |
#FFBA22 |
rgb(255,186,34) |
hsl(41,100%,57%) |