HEX #22D4FF color — Cyan / Aqua

The color #22D4FF is a light shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

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%)