HEX #3657F1 color — Royal Blue
The color #3657F1 is a dark shade and moderately saturated.
Palette
3657F1 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(229,87%,98%) |
#dee3fd |
rgb(222,227,253) |
hsl(229,87%,93%) |
#c6d0fb |
rgb(198,208,251) |
hsl(229,87%,88%) |
#aebcf9 |
rgb(174,188,249) |
hsl(229,87%,83%) |
#96a8f8 |
rgb(150,168,248) |
hsl(229,87%,78%) |
#7e94f6 |
rgb(126,148,246) |
hsl(229,87%,73%) |
#6680f4 |
rgb(102,128,244) |
hsl(229,87%,68%) |
#4f6df3 |
rgb(79,109,243) |
hsl(229,87%,63%) |
#3759f1 |
rgb(55,89,241) |
hsl(229,87%,58%) |
#1f45ef |
rgb(31,69,239) |
hsl(229,87%,53%) |
#1037e5 |
rgb(16,55,229) |
hsl(229,87%,48%) |
#0e31cd |
rgb(14,49,205) |
hsl(229,87%,43%) |
#0d2cb5 |
rgb(13,44,181) |
hsl(229,87%,38%) |
#0b269d |
rgb(11,38,157) |
hsl(229,87%,33%) |
#092086 |
rgb(9,32,134) |
hsl(229,87%,28%) |
#081a6e |
rgb(8,26,110) |
hsl(229,87%,23%) |
#061556 |
rgb(6,21,86) |
hsl(229,87%,18%) |
#040f3e |
rgb(4,15,62) |
hsl(229,87%,13%) |
#030926 |
rgb(3,9,38) |
hsl(229,87%,8%) |
#01030e |
rgb(1,3,14) |
hsl(229,87%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4F1 |
rgb(54,212,241) |
hsl(189,87%,58%) |
#3657F1 |
rgb(54,87,241) |
hsl(229,87%,58%) |
#9136F1 |
rgb(145,54,241) |
hsl(269,87%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA1F7 |
rgb(142,161,247) |
hsl(229,87%,76%) |
#627DF4 |
rgb(98,125,244) |
hsl(229,87%,67%) |
#3657F1 |
rgb(54,87,241) |
hsl(229,87%,58%) |
#1036E7 |
rgb(16,54,231) |
hsl(229,87%,48%) |
#0D2BBB |
rgb(13,43,187) |
hsl(230,87%,39%) |
#09218F |
rgb(9,33,143) |
hsl(229,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3657F1 |
rgb(54,87,241) |
hsl(229,87%,58%) |
#F17336 |
rgb(241,115,54) |
hsl(20,87%,58%) |
#B4F236 |
rgb(180,242,54) |
hsl(80,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3657F1 |
rgb(54,87,241) |
hsl(229,87%,58%) |
#F1D136 |
rgb(241,209,54) |
hsl(50,87%,58%) |
#36B5F1 |
rgb(54,181,241) |
hsl(199,87%,58%) |
#B4F236 |
rgb(180,242,54) |
hsl(80,88%,58%) |