HEX #366EF2 color — Royal Blue
The color #366ef2 is a dark shade and moderately saturated.
Palette
366ef2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(222,88%,98%) |
#dde7fd |
rgb(221,231,253) |
hsl(222,88%,93%) |
#c5d6fb |
rgb(197,214,251) |
hsl(222,88%,88%) |
#aec4fa |
rgb(174,196,250) |
hsl(222,88%,83%) |
#96b3f8 |
rgb(150,179,248) |
hsl(222,88%,78%) |
#7ea2f7 |
rgb(126,162,247) |
hsl(222,88%,73%) |
#6691f5 |
rgb(102,145,245) |
hsl(222,88%,68%) |
#4e7ff4 |
rgb(78,127,244) |
hsl(222,88%,63%) |
#366ef2 |
rgb(54,110,242) |
hsl(222,88%,58%) |
#1e5df1 |
rgb(30,93,241) |
hsl(222,88%,53%) |
#0f4fe6 |
rgb(15,79,230) |
hsl(222,88%,48%) |
#0d47ce |
rgb(13,71,206) |
hsl(222,88%,43%) |
#0c3fb6 |
rgb(12,63,182) |
hsl(222,88%,38%) |
#0a379e |
rgb(10,55,158) |
hsl(222,88%,33%) |
#092e86 |
rgb(9,46,134) |
hsl(222,88%,28%) |
#07266e |
rgb(7,38,110) |
hsl(222,88%,23%) |
#061e56 |
rgb(6,30,86) |
hsl(222,88%,18%) |
#04153e |
rgb(4,21,62) |
hsl(222,88%,13%) |
#020d26 |
rgb(2,13,38) |
hsl(222,88%,8%) |
#01050e |
rgb(1,5,14) |
hsl(222,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36EBF2 |
rgb(54,235,242) |
hsl(182,88%,58%) |
#366EF2 |
rgb(54,110,242) |
hsl(222,88%,58%) |
#7B36F2 |
rgb(123,54,242) |
hsl(262,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EADF7 |
rgb(142,173,247) |
hsl(222,87%,76%) |
#628FF4 |
rgb(98,143,244) |
hsl(222,87%,67%) |
#366EF2 |
rgb(54,110,242) |
hsl(222,88%,58%) |
#0F4FE9 |
rgb(15,79,233) |
hsl(222,88%,49%) |
#0C40BD |
rgb(12,64,189) |
hsl(222,88%,39%) |
#093090 |
rgb(9,48,144) |
hsl(223,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#366EF2 |
rgb(54,110,242) |
hsl(222,88%,58%) |
#F25C36 |
rgb(242,92,54) |
hsl(12,88%,58%) |
#CCF236 |
rgb(204,242,54) |
hsl(72,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#366EF2 |
rgb(54,110,242) |
hsl(222,88%,58%) |
#F2BA36 |
rgb(242,186,54) |
hsl(42,88%,58%) |
#36CCF2 |
rgb(54,204,242) |
hsl(192,88%,58%) |
#CCF236 |
rgb(204,242,54) |
hsl(72,88%,58%) |