HEX #22B5F2 color — Picton Blue
The color #22B5F2 is a light shade and highly saturated.
Palette
22B5F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafdff |
rgb(250,253,255) |
hsl(198,89%,99%) |
#e2f5fd |
rgb(226,245,253) |
hsl(198,89%,94%) |
#caedfc |
rgb(202,237,252) |
hsl(198,89%,89%) |
#b2e5fb |
rgb(178,229,251) |
hsl(198,89%,84%) |
#9addf9 |
rgb(154,221,249) |
hsl(198,89%,79%) |
#82d4f8 |
rgb(130,212,248) |
hsl(198,89%,74%) |
#6accf6 |
rgb(106,204,246) |
hsl(198,89%,69%) |
#51c4f5 |
rgb(81,196,245) |
hsl(198,89%,64%) |
#39bcf3 |
rgb(57,188,243) |
hsl(198,89%,59%) |
#21b3f2 |
rgb(33,179,242) |
hsl(198,89%,54%) |
#0ea9ec |
rgb(14,169,236) |
hsl(198,89%,49%) |
#0c98d4 |
rgb(12,152,212) |
hsl(198,89%,44%) |
#0b87bc |
rgb(11,135,188) |
hsl(198,89%,39%) |
#0a76a4 |
rgb(10,118,164) |
hsl(198,89%,34%) |
#08648c |
rgb(8,100,140) |
hsl(198,89%,29%) |
#075374 |
rgb(7,83,116) |
hsl(198,89%,24%) |
#05425c |
rgb(5,66,92) |
hsl(198,89%,19%) |
#043043 |
rgb(4,48,67) |
hsl(198,89%,14%) |
#031f2b |
rgb(3,31,43) |
hsl(198,89%,9%) |
#010e13 |
rgb(1,14,19) |
hsl(198,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22F2A4 |
rgb(34,242,164) |
hsl(158,89%,54%) |
#22B5F2 |
rgb(34,181,242) |
hsl(198,89%,54%) |
#222BF2 |
rgb(34,43,242) |
hsl(237,89%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#75D1F6 |
rgb(117,209,246) |
hsl(197,88%,71%) |
#4BC2F4 |
rgb(75,194,244) |
hsl(198,88%,63%) |
#22B5F2 |
rgb(34,181,242) |
hsl(198,89%,54%) |
#0C9EDA |
rgb(12,158,218) |
hsl(197,90%,45%) |
#0A80B1 |
rgb(10,128,177) |
hsl(198,89%,37%) |
#076187 |
rgb(7,97,135) |
hsl(198,90%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#22B5F2 |
rgb(34,181,242) |
hsl(198,89%,54%) |
#F2214D |
rgb(242,33,77) |
hsl(347,89%,54%) |
#F2C722 |
rgb(242,199,34) |
hsl(48,89%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#22B5F2 |
rgb(34,181,242) |
hsl(198,89%,54%) |
#F25E22 |
rgb(242,94,34) |
hsl(17,89%,54%) |
#22F2C7 |
rgb(34,242,199) |
hsl(168,89%,54%) |
#F2C722 |
rgb(242,199,34) |
hsl(48,89%,54%) |