HEX #3654F4 color — Royal Blue
The color #3654F4 is a dark shade and moderately saturated.
Palette
3654F4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7fe |
rgb(245,247,254) |
hsl(231,90%,98%) |
#dde2fd |
rgb(221,226,253) |
hsl(231,90%,93%) |
#c5cdfc |
rgb(197,205,252) |
hsl(231,90%,88%) |
#adb8fb |
rgb(173,184,251) |
hsl(231,90%,83%) |
#94a4f9 |
rgb(148,164,249) |
hsl(231,90%,78%) |
#7c8ff8 |
rgb(124,143,248) |
hsl(231,90%,73%) |
#647af7 |
rgb(100,122,247) |
hsl(231,90%,68%) |
#4c65f6 |
rgb(76,101,246) |
hsl(231,90%,63%) |
#3450f4 |
rgb(52,80,244) |
hsl(231,90%,58%) |
#1b3cf3 |
rgb(27,60,243) |
hsl(231,90%,53%) |
#0c2de9 |
rgb(12,45,233) |
hsl(231,90%,48%) |
#0b29d0 |
rgb(11,41,208) |
hsl(231,90%,43%) |
#0a24b8 |
rgb(10,36,184) |
hsl(231,90%,38%) |
#081fa0 |
rgb(8,31,160) |
hsl(231,90%,33%) |
#071a88 |
rgb(7,26,136) |
hsl(231,90%,28%) |
#06166f |
rgb(6,22,111) |
hsl(231,90%,23%) |
#051157 |
rgb(5,17,87) |
hsl(231,90%,18%) |
#030c3f |
rgb(3,12,63) |
hsl(231,90%,13%) |
#020827 |
rgb(2,8,39) |
hsl(231,90%,8%) |
#01030f |
rgb(1,3,15) |
hsl(231,90%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36D4F4 |
rgb(54,212,244) |
hsl(190,90%,58%) |
#3654F4 |
rgb(54,84,244) |
hsl(231,90%,58%) |
#9636F4 |
rgb(150,54,244) |
hsl(270,90%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90A1F8 |
rgb(144,161,248) |
hsl(230,88%,77%) |
#637AF6 |
rgb(99,122,246) |
hsl(231,89%,68%) |
#3654F4 |
rgb(54,84,244) |
hsl(231,90%,58%) |
#0C30ED |
rgb(12,48,237) |
hsl(230,90%,49%) |
#0A26C0 |
rgb(10,38,192) |
hsl(231,90%,40%) |
#081F92 |
rgb(8,31,146) |
hsl(230,90%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3654F4 |
rgb(54,84,244) |
hsl(231,90%,58%) |
#F47836 |
rgb(244,120,54) |
hsl(21,90%,58%) |
#B3F536 |
rgb(179,245,54) |
hsl(81,91%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3654F4 |
rgb(54,84,244) |
hsl(231,90%,58%) |
#F4D636 |
rgb(244,214,54) |
hsl(51,90%,58%) |
#36B3F4 |
rgb(54,179,244) |
hsl(201,90%,58%) |
#B3F536 |
rgb(179,245,54) |
hsl(81,91%,59%) |