HEX #22D4F2 color — Bright Turquoise
The color #22D4F2 is a light shade and highly saturated.
Palette
22D4F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafeff |
rgb(250,254,255) |
hsl(189,89%,99%) |
#e2f9fd |
rgb(226,249,253) |
hsl(189,89%,94%) |
#caf4fc |
rgb(202,244,252) |
hsl(189,89%,89%) |
#b2f0fb |
rgb(178,240,251) |
hsl(189,89%,84%) |
#9aebf9 |
rgb(154,235,249) |
hsl(189,89%,79%) |
#82e6f8 |
rgb(130,230,248) |
hsl(189,89%,74%) |
#6ae1f6 |
rgb(106,225,246) |
hsl(189,89%,69%) |
#51dcf5 |
rgb(81,220,245) |
hsl(189,89%,64%) |
#39d8f3 |
rgb(57,216,243) |
hsl(189,89%,59%) |
#21d3f2 |
rgb(33,211,242) |
hsl(189,89%,54%) |
#0ecbec |
rgb(14,203,236) |
hsl(189,89%,49%) |
#0cb6d4 |
rgb(12,182,212) |
hsl(189,89%,44%) |
#0ba1bc |
rgb(11,161,188) |
hsl(189,89%,39%) |
#0a8da4 |
rgb(10,141,164) |
hsl(189,89%,34%) |
#08788c |
rgb(8,120,140) |
hsl(189,89%,29%) |
#076374 |
rgb(7,99,116) |
hsl(189,89%,24%) |
#054f5c |
rgb(5,79,92) |
hsl(189,89%,19%) |
#043a43 |
rgb(4,58,67) |
hsl(189,89%,14%) |
#03252b |
rgb(3,37,43) |
hsl(189,89%,9%) |
#011113 |
rgb(1,17,19) |
hsl(189,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F285 |
rgb(34,242,133) |
hsl(149,89%,54%) |
#22D4F2 |
rgb(34,212,242) |
hsl(189,89%,54%) |
#224AF2 |
rgb(34,74,242) |
hsl(228,89%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#75E6F6 |
rgb(117,230,246) |
hsl(187,88%,71%) |
#4BDBF4 |
rgb(75,219,244) |
hsl(189,88%,63%) |
#22D4F2 |
rgb(34,212,242) |
hsl(189,89%,54%) |
#0CBDDA |
rgb(12,189,218) |
hsl(188,90%,45%) |
#0A99B1 |
rgb(10,153,177) |
hsl(189,89%,37%) |
#077587 |
rgb(7,117,135) |
hsl(188,90%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#22D4F2 |
rgb(34,212,242) |
hsl(189,89%,54%) |
#F2216C |
rgb(242,33,108) |
hsl(338,89%,54%) |
#F2A822 |
rgb(242,168,34) |
hsl(39,89%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22D4F2 |
rgb(34,212,242) |
hsl(189,89%,54%) |
#F24022 |
rgb(242,64,34) |
hsl(9,89%,54%) |
#22F2A8 |
rgb(34,242,168) |
hsl(159,89%,54%) |
#F2A822 |
rgb(242,168,34) |
hsl(39,89%,54%) |