HEX #22D4F1 color — Bright Turquoise
The color #22D4F1 is a light shade and highly saturated.
Palette
22D4F1 color palette from light to dark
HEX |
RGB |
HSL |
#fafeff |
rgb(250,254,255) |
hsl(188,88%,99%) |
#e2fafd |
rgb(226,250,253) |
hsl(188,88%,94%) |
#caf5fc |
rgb(202,245,252) |
hsl(188,88%,89%) |
#b2f1fa |
rgb(178,241,250) |
hsl(188,88%,84%) |
#9aecf9 |
rgb(154,236,249) |
hsl(188,88%,79%) |
#82e7f7 |
rgb(130,231,247) |
hsl(188,88%,74%) |
#6ae3f6 |
rgb(106,227,246) |
hsl(188,88%,69%) |
#52def4 |
rgb(82,222,244) |
hsl(188,88%,64%) |
#3adaf2 |
rgb(58,218,242) |
hsl(188,88%,59%) |
#22d5f1 |
rgb(34,213,241) |
hsl(188,88%,54%) |
#0fceeb |
rgb(15,206,235) |
hsl(188,88%,49%) |
#0db9d3 |
rgb(13,185,211) |
hsl(188,88%,44%) |
#0ca4bb |
rgb(12,164,187) |
hsl(188,88%,39%) |
#0a8fa3 |
rgb(10,143,163) |
hsl(188,88%,34%) |
#097a8b |
rgb(9,122,139) |
hsl(188,88%,29%) |
#076573 |
rgb(7,101,115) |
hsl(188,88%,24%) |
#06505b |
rgb(6,80,91) |
hsl(188,88%,19%) |
#043b43 |
rgb(4,59,67) |
hsl(188,88%,14%) |
#03262b |
rgb(3,38,43) |
hsl(188,88%,9%) |
#011113 |
rgb(1,17,19) |
hsl(188,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F284 |
rgb(34,242,132) |
hsl(148,89%,54%) |
#22D4F1 |
rgb(34,212,241) |
hsl(188,88%,54%) |
#224AF1 |
rgb(34,74,241) |
hsl(228,88%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74E3F6 |
rgb(116,227,246) |
hsl(189,88%,71%) |
#4BDBF3 |
rgb(75,219,243) |
hsl(189,88%,62%) |
#22D4F1 |
rgb(34,212,241) |
hsl(188,88%,54%) |
#0DBDD9 |
rgb(13,189,217) |
hsl(188,89%,45%) |
#0B99AF |
rgb(11,153,175) |
hsl(188,88%,36%) |
#087586 |
rgb(8,117,134) |
hsl(188,89%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#22D4F1 |
rgb(34,212,241) |
hsl(188,88%,54%) |
#F1216C |
rgb(241,33,108) |
hsl(338,88%,54%) |
#F1A622 |
rgb(241,166,34) |
hsl(38,88%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22D4F1 |
rgb(34,212,241) |
hsl(188,88%,54%) |
#F14022 |
rgb(241,64,34) |
hsl(9,88%,54%) |
#22F2A6 |
rgb(34,242,166) |
hsl(158,89%,54%) |
#F1A622 |
rgb(241,166,34) |
hsl(38,88%,54%) |