HEX #3657F2 color — Royal Blue
The color #3657F2 is a dark shade and moderately saturated.
Palette
3657F2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(229,88%,98%) |
#dde3fd |
rgb(221,227,253) |
hsl(229,88%,93%) |
#c5cffb |
rgb(197,207,251) |
hsl(229,88%,88%) |
#aebbfa |
rgb(174,187,250) |
hsl(229,88%,83%) |
#96a8f8 |
rgb(150,168,248) |
hsl(229,88%,78%) |
#7e94f7 |
rgb(126,148,247) |
hsl(229,88%,73%) |
#6680f5 |
rgb(102,128,245) |
hsl(229,88%,68%) |
#4e6cf4 |
rgb(78,108,244) |
hsl(229,88%,63%) |
#3658f2 |
rgb(54,88,242) |
hsl(229,88%,58%) |
#1e44f1 |
rgb(30,68,241) |
hsl(229,88%,53%) |
#0f36e6 |
rgb(15,54,230) |
hsl(229,88%,48%) |
#0d31ce |
rgb(13,49,206) |
hsl(229,88%,43%) |
#0c2bb6 |
rgb(12,43,182) |
hsl(229,88%,38%) |
#0a259e |
rgb(10,37,158) |
hsl(229,88%,33%) |
#092086 |
rgb(9,32,134) |
hsl(229,88%,28%) |
#071a6e |
rgb(7,26,110) |
hsl(229,88%,23%) |
#061456 |
rgb(6,20,86) |
hsl(229,88%,18%) |
#040f3e |
rgb(4,15,62) |
hsl(229,88%,13%) |
#020926 |
rgb(2,9,38) |
hsl(229,88%,8%) |
#01030e |
rgb(1,3,14) |
hsl(229,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4F2 |
rgb(54,212,242) |
hsl(190,88%,58%) |
#3657F2 |
rgb(54,87,242) |
hsl(229,88%,58%) |
#9236F2 |
rgb(146,54,242) |
hsl(269,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA1F7 |
rgb(142,161,247) |
hsl(229,87%,76%) |
#627DF4 |
rgb(98,125,244) |
hsl(229,87%,67%) |
#3657F2 |
rgb(54,87,242) |
hsl(229,88%,58%) |
#0F36E9 |
rgb(15,54,233) |
hsl(229,88%,49%) |
#0C2BBD |
rgb(12,43,189) |
hsl(229,88%,39%) |
#092190 |
rgb(9,33,144) |
hsl(229,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657F2 |
rgb(54,87,242) |
hsl(229,88%,58%) |
#F27336 |
rgb(242,115,54) |
hsl(19,88%,58%) |
#B5F236 |
rgb(181,242,54) |
hsl(79,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657F2 |
rgb(54,87,242) |
hsl(229,88%,58%) |
#F2D136 |
rgb(242,209,54) |
hsl(49,88%,58%) |
#36B5F2 |
rgb(54,181,242) |
hsl(199,88%,58%) |
#B5F236 |
rgb(181,242,54) |
hsl(79,88%,58%) |