HEX #3F5DE4 color — Royal Blue
The color #3f5de4 is a dark shade and moderately saturated.
Palette
3f5de4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(229,75%,97%) |
#dbe1fa |
rgb(219,225,250) |
hsl(229,75%,92%) |
#c5cef7 |
rgb(197,206,247) |
hsl(229,75%,87%) |
#afbbf4 |
rgb(175,187,244) |
hsl(229,75%,82%) |
#98a8f0 |
rgb(152,168,240) |
hsl(229,75%,77%) |
#8296ed |
rgb(130,150,237) |
hsl(229,75%,72%) |
#6c83ea |
rgb(108,131,234) |
hsl(229,75%,67%) |
#5570e7 |
rgb(85,112,231) |
hsl(229,75%,62%) |
#3f5de4 |
rgb(63,93,228) |
hsl(229,75%,57%) |
#294ae0 |
rgb(41,74,224) |
hsl(229,75%,52%) |
#1e3fd2 |
rgb(30,63,210) |
hsl(229,75%,47%) |
#1b38bb |
rgb(27,56,187) |
hsl(229,75%,42%) |
#1832a5 |
rgb(24,50,165) |
hsl(229,75%,37%) |
#142b8f |
rgb(20,43,143) |
hsl(229,75%,32%) |
#112478 |
rgb(17,36,120) |
hsl(229,75%,27%) |
#0e1d62 |
rgb(14,29,98) |
hsl(229,75%,22%) |
#0b174c |
rgb(11,23,76) |
hsl(229,75%,17%) |
#081036 |
rgb(8,16,54) |
hsl(229,75%,12%) |
#04091f |
rgb(4,9,31) |
hsl(229,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(229,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FCCE4 |
rgb(63,204,228) |
hsl(189,75%,57%) |
#3F5DE4 |
rgb(63,93,228) |
hsl(229,75%,57%) |
#8F40E4 |
rgb(143,64,228) |
hsl(269,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90A1EF |
rgb(144,161,239) |
hsl(229,75%,75%) |
#6780E9 |
rgb(103,128,233) |
hsl(228,75%,66%) |
#3F5DE4 |
rgb(63,93,228) |
hsl(229,75%,57%) |
#1E40D6 |
rgb(30,64,214) |
hsl(229,75%,48%) |
#1833AD |
rgb(24,51,173) |
hsl(229,76%,39%) |
#122684 |
rgb(18,38,132) |
hsl(229,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5DE4 |
rgb(63,93,228) |
hsl(229,75%,57%) |
#E4733F |
rgb(228,115,63) |
hsl(19,75%,57%) |
#AFE33F |
rgb(175,227,63) |
hsl(79,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5DE4 |
rgb(63,93,228) |
hsl(229,75%,57%) |
#E4C73F |
rgb(228,199,63) |
hsl(49,75%,57%) |
#3FB0E4 |
rgb(63,176,228) |
hsl(199,75%,57%) |
#AFE33F |
rgb(175,227,63) |
hsl(79,75%,57%) |