HEX #3655F2 color — Royal Blue
The color #3655f2 is a dark shade and moderately saturated.
Palette
3655f2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(230,88%,98%) |
#dde3fd |
rgb(221,227,253) |
hsl(230,88%,93%) |
#c5cefb |
rgb(197,206,251) |
hsl(230,88%,88%) |
#aebafa |
rgb(174,186,250) |
hsl(230,88%,83%) |
#96a6f8 |
rgb(150,166,248) |
hsl(230,88%,78%) |
#7e92f7 |
rgb(126,146,247) |
hsl(230,88%,73%) |
#667ef5 |
rgb(102,126,245) |
hsl(230,88%,68%) |
#4e69f4 |
rgb(78,105,244) |
hsl(230,88%,63%) |
#3655f2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#1e41f1 |
rgb(30,65,241) |
hsl(230,88%,53%) |
#0f33e6 |
rgb(15,51,230) |
hsl(230,88%,48%) |
#0d2dce |
rgb(13,45,206) |
hsl(230,88%,43%) |
#0c28b6 |
rgb(12,40,182) |
hsl(230,88%,38%) |
#0a239e |
rgb(10,35,158) |
hsl(230,88%,33%) |
#091e86 |
rgb(9,30,134) |
hsl(230,88%,28%) |
#07186e |
rgb(7,24,110) |
hsl(230,88%,23%) |
#061356 |
rgb(6,19,86) |
hsl(230,88%,18%) |
#040e3e |
rgb(4,14,62) |
hsl(230,88%,13%) |
#020826 |
rgb(2,8,38) |
hsl(230,88%,8%) |
#01030e |
rgb(1,3,14) |
hsl(230,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D1F2 |
rgb(54,209,242) |
hsl(191,88%,58%) |
#3655F2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#9436F2 |
rgb(148,54,242) |
hsl(270,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA1F7 |
rgb(142,161,247) |
hsl(229,87%,76%) |
#627AF4 |
rgb(98,122,244) |
hsl(230,87%,67%) |
#3655F2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#0F33E9 |
rgb(15,51,233) |
hsl(230,88%,49%) |
#0C29BD |
rgb(12,41,189) |
hsl(230,88%,39%) |
#091F90 |
rgb(9,31,144) |
hsl(230,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3655F2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#F27536 |
rgb(242,117,54) |
hsl(20,88%,58%) |
#B3F236 |
rgb(179,242,54) |
hsl(80,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3655F2 |
rgb(54,85,242) |
hsl(230,88%,58%) |
#F2D436 |
rgb(242,212,54) |
hsl(50,88%,58%) |
#36B3F2 |
rgb(54,179,242) |
hsl(200,88%,58%) |
#B3F236 |
rgb(179,242,54) |
hsl(80,88%,58%) |