HEX #3F5BE4 color — Royal Blue
The color #3f5be4 is a dark shade and moderately saturated.
Palette
3f5be4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,75%,97%) |
#dbe0fa |
rgb(219,224,250) |
hsl(230,75%,92%) |
#c5cdf7 |
rgb(197,205,247) |
hsl(230,75%,87%) |
#afbaf4 |
rgb(175,186,244) |
hsl(230,75%,82%) |
#98a7f0 |
rgb(152,167,240) |
hsl(230,75%,77%) |
#8294ed |
rgb(130,148,237) |
hsl(230,75%,72%) |
#6c81ea |
rgb(108,129,234) |
hsl(230,75%,67%) |
#556ee7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#3f5be4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#2947e0 |
rgb(41,71,224) |
hsl(230,75%,52%) |
#1e3cd2 |
rgb(30,60,210) |
hsl(230,75%,47%) |
#1b36bb |
rgb(27,54,187) |
hsl(230,75%,42%) |
#182fa5 |
rgb(24,47,165) |
hsl(230,75%,37%) |
#14298f |
rgb(20,41,143) |
hsl(230,75%,32%) |
#112278 |
rgb(17,34,120) |
hsl(230,75%,27%) |
#0e1c62 |
rgb(14,28,98) |
hsl(230,75%,22%) |
#0b164c |
rgb(11,22,76) |
hsl(230,75%,17%) |
#080f36 |
rgb(8,15,54) |
hsl(230,75%,12%) |
#04091f |
rgb(4,9,31) |
hsl(230,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FC9E4 |
rgb(63,201,228) |
hsl(190,75%,57%) |
#3F5BE4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#9140E4 |
rgb(145,64,228) |
hsl(270,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#90A1EF |
rgb(144,161,239) |
hsl(229,75%,75%) |
#677DE9 |
rgb(103,125,233) |
hsl(230,75%,66%) |
#3F5BE4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#1E3DD6 |
rgb(30,61,214) |
hsl(230,75%,48%) |
#1830AD |
rgb(24,48,173) |
hsl(230,76%,39%) |
#122684 |
rgb(18,38,132) |
hsl(229,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5BE4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#E4753F |
rgb(228,117,63) |
hsl(20,75%,57%) |
#ADE33F |
rgb(173,227,63) |
hsl(80,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5BE4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#E4C73F |
rgb(228,199,63) |
hsl(49,75%,57%) |
#3FADE4 |
rgb(63,173,228) |
hsl(200,75%,57%) |
#ADE33F |
rgb(173,227,63) |
hsl(80,75%,57%) |