HEX #222EF4 color — Blue
The color #222EF4 is a dark shade and highly saturated.
Palette
222EF4 color palette from light to dark
HEX |
RGB |
HSL |
#e7e8fe |
rgb(231,232,254) |
hsl(237,91%,95%) |
#ced1fd |
rgb(206,209,253) |
hsl(237,91%,90%) |
#b6b9fc |
rgb(182,185,252) |
hsl(237,91%,85%) |
#9ea2fa |
rgb(158,162,250) |
hsl(237,91%,80%) |
#858bf9 |
rgb(133,139,249) |
hsl(237,91%,75%) |
#6d74f8 |
rgb(109,116,248) |
hsl(237,91%,70%) |
#555df7 |
rgb(85,93,247) |
hsl(237,91%,65%) |
#3c45f6 |
rgb(60,69,246) |
hsl(237,91%,60%) |
#242ef5 |
rgb(36,46,245) |
hsl(237,91%,55%) |
#0b17f4 |
rgb(11,23,244) |
hsl(237,91%,50%) |
#0a15db |
rgb(10,21,219) |
hsl(237,91%,45%) |
#0912c3 |
rgb(9,18,195) |
hsl(237,91%,40%) |
#0810aa |
rgb(8,16,170) |
hsl(237,91%,35%) |
#070e92 |
rgb(7,14,146) |
hsl(237,91%,30%) |
#060c7a |
rgb(6,12,122) |
hsl(237,91%,25%) |
#050961 |
rgb(5,9,97) |
hsl(237,91%,20%) |
#030749 |
rgb(3,7,73) |
hsl(237,91%,15%) |
#020531 |
rgb(2,5,49) |
hsl(237,91%,10%) |
#010218 |
rgb(1,2,24) |
hsl(237,91%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BAF4 |
rgb(34,186,244) |
hsl(197,91%,55%) |
#222EF4 |
rgb(34,46,244) |
hsl(237,91%,55%) |
#A221F4 |
rgb(162,33,244) |
hsl(277,91%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#767DF8 |
rgb(118,125,248) |
hsl(237,90%,72%) |
#4C57F6 |
rgb(76,87,246) |
hsl(236,90%,63%) |
#222EF4 |
rgb(34,46,244) |
hsl(237,91%,55%) |
#0B17DE |
rgb(11,23,222) |
hsl(237,91%,46%) |
#0812B4 |
rgb(8,18,180) |
hsl(237,91%,37%) |
#060F89 |
rgb(6,15,137) |
hsl(236,92%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#222EF4 |
rgb(34,46,244) |
hsl(237,91%,55%) |
#F48022 |
rgb(244,128,34) |
hsl(27,91%,55%) |
#97F522 |
rgb(151,245,34) |
hsl(87,91%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222EF4 |
rgb(34,46,244) |
hsl(237,91%,55%) |
#F4E822 |
rgb(244,232,34) |
hsl(57,91%,55%) |
#2296F4 |
rgb(34,150,244) |
hsl(207,91%,55%) |
#97F522 |
rgb(151,245,34) |
hsl(87,91%,55%) |