HEX #3663F2 color — Royal Blue
The color #3663F2 is a dark shade and moderately saturated.
Palette
3663F2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8fe |
rgb(245,248,254) |
hsl(226,88%,98%) |
#dde5fd |
rgb(221,229,253) |
hsl(226,88%,93%) |
#c5d2fb |
rgb(197,210,251) |
hsl(226,88%,88%) |
#aebffa |
rgb(174,191,250) |
hsl(226,88%,83%) |
#96adf8 |
rgb(150,173,248) |
hsl(226,88%,78%) |
#7e9af7 |
rgb(126,154,247) |
hsl(226,88%,73%) |
#6687f5 |
rgb(102,135,245) |
hsl(226,88%,68%) |
#4e74f4 |
rgb(78,116,244) |
hsl(226,88%,63%) |
#3662f2 |
rgb(54,98,242) |
hsl(226,88%,58%) |
#1e4ff1 |
rgb(30,79,241) |
hsl(226,88%,53%) |
#0f41e6 |
rgb(15,65,230) |
hsl(226,88%,48%) |
#0d3ace |
rgb(13,58,206) |
hsl(226,88%,43%) |
#0c33b6 |
rgb(12,51,182) |
hsl(226,88%,38%) |
#0a2d9e |
rgb(10,45,158) |
hsl(226,88%,33%) |
#092686 |
rgb(9,38,134) |
hsl(226,88%,28%) |
#071f6e |
rgb(7,31,110) |
hsl(226,88%,23%) |
#061856 |
rgb(6,24,86) |
hsl(226,88%,18%) |
#04123e |
rgb(4,18,62) |
hsl(226,88%,13%) |
#020b26 |
rgb(2,11,38) |
hsl(226,88%,8%) |
#01040e |
rgb(1,4,14) |
hsl(226,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36E0F2 |
rgb(54,224,242) |
hsl(186,88%,58%) |
#3663F2 |
rgb(54,99,242) |
hsl(226,88%,58%) |
#8636F2 |
rgb(134,54,242) |
hsl(266,88%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA8F7 |
rgb(142,168,247) |
hsl(225,87%,76%) |
#6285F4 |
rgb(98,133,244) |
hsl(226,87%,67%) |
#3663F2 |
rgb(54,99,242) |
hsl(226,88%,58%) |
#0F42E9 |
rgb(15,66,233) |
hsl(226,88%,49%) |
#0C36BD |
rgb(12,54,189) |
hsl(226,88%,39%) |
#092990 |
rgb(9,41,144) |
hsl(226,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3663F2 |
rgb(54,99,242) |
hsl(226,88%,58%) |
#F26636 |
rgb(242,102,54) |
hsl(15,88%,58%) |
#C1F236 |
rgb(193,242,54) |
hsl(76,88%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3663F2 |
rgb(54,99,242) |
hsl(226,88%,58%) |
#F2C436 |
rgb(242,196,54) |
hsl(45,88%,58%) |
#36C2F2 |
rgb(54,194,242) |
hsl(195,88%,58%) |
#C1F236 |
rgb(193,242,54) |
hsl(76,88%,58%) |