HEX #22D4FF color — Cyan / Aqua
The color #22D4FF is a light shade and highly saturated.
Palette
22D4FF color palette from light to dark
HEX |
RGB |
HSL |
#f0fcff |
rgb(240,252,255) |
hsl(192,100%,97%) |
#d6f7ff |
rgb(214,247,255) |
hsl(192,100%,92%) |
#bdf2ff |
rgb(189,242,255) |
hsl(192,100%,87%) |
#a3edff |
rgb(163,237,255) |
hsl(192,100%,82%) |
#8ae8ff |
rgb(138,232,255) |
hsl(192,100%,77%) |
#70e2ff |
rgb(112,226,255) |
hsl(192,100%,72%) |
#57ddff |
rgb(87,221,255) |
hsl(192,100%,67%) |
#3dd8ff |
rgb(61,216,255) |
hsl(192,100%,62%) |
#24d3ff |
rgb(36,211,255) |
hsl(192,100%,57%) |
#0aceff |
rgb(10,206,255) |
hsl(192,100%,52%) |
#00c0f0 |
rgb(0,192,240) |
hsl(192,100%,47%) |
#00abd6 |
rgb(0,171,214) |
hsl(192,100%,42%) |
#0097bd |
rgb(0,151,189) |
hsl(192,100%,37%) |
#0083a3 |
rgb(0,131,163) |
hsl(192,100%,32%) |
#006e8a |
rgb(0,110,138) |
hsl(192,100%,27%) |
#005a70 |
rgb(0,90,112) |
hsl(192,100%,22%) |
#004557 |
rgb(0,69,87) |
hsl(192,100%,17%) |
#00313d |
rgb(0,49,61) |
hsl(192,100%,12%) |
#001d24 |
rgb(0,29,36) |
hsl(192,100%,7%) |
#00080a |
rgb(0,8,10) |
hsl(192,100%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22FF96 |
rgb(34,255,150) |
hsl(151,100%,57%) |
#22D4FF |
rgb(34,212,255) |
hsl(192,100%,57%) |
#2240FF |
rgb(34,64,255) |
hsl(232,100%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EE6FF |
rgb(126,230,255) |
hsl(192,100%,75%) |
#50DEFF |
rgb(80,222,255) |
hsl(191,100%,66%) |
#22D4FF |
rgb(34,212,255) |
hsl(192,100%,57%) |
#00C4F2 |
rgb(0,196,242) |
hsl(191,100%,47%) |
#009EC4 |
rgb(0,158,196) |
hsl(192,100%,38%) |
#007896 |
rgb(0,120,150) |
hsl(192,100%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#22D4FF |
rgb(34,212,255) |
hsl(192,100%,57%) |
#FF2165 |
rgb(255,33,101) |
hsl(342,100%,56%) |
#FFBD22 |
rgb(255,189,34) |
hsl(42,100%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22D4FF |
rgb(34,212,255) |
hsl(192,100%,57%) |
#FF4D22 |
rgb(255,77,34) |
hsl(12,100%,57%) |
#22FFBB |
rgb(34,255,187) |
hsl(162,100%,57%) |
#FFBD22 |
rgb(255,189,34) |
hsl(42,100%,57%) |