HEX #3F4AE4 color — Royal Blue
The color #3f4ae4 is a dark shade and moderately saturated.
Palette
3f4ae4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f2fd |
rgb(242,242,253) |
hsl(236,75%,97%) |
#dbddfa |
rgb(219,221,250) |
hsl(236,75%,92%) |
#c5c8f7 |
rgb(197,200,247) |
hsl(236,75%,87%) |
#afb3f4 |
rgb(175,179,244) |
hsl(236,75%,82%) |
#989ef0 |
rgb(152,158,240) |
hsl(236,75%,77%) |
#8289ed |
rgb(130,137,237) |
hsl(236,75%,72%) |
#6c74ea |
rgb(108,116,234) |
hsl(236,75%,67%) |
#555fe7 |
rgb(85,95,231) |
hsl(236,75%,62%) |
#3f4ae4 |
rgb(63,74,228) |
hsl(236,75%,57%) |
#2935e0 |
rgb(41,53,224) |
hsl(236,75%,52%) |
#1e2ad2 |
rgb(30,42,210) |
hsl(236,75%,47%) |
#1b25bb |
rgb(27,37,187) |
hsl(236,75%,42%) |
#1821a5 |
rgb(24,33,165) |
hsl(236,75%,37%) |
#141d8f |
rgb(20,29,143) |
hsl(236,75%,32%) |
#111878 |
rgb(17,24,120) |
hsl(236,75%,27%) |
#0e1462 |
rgb(14,20,98) |
hsl(236,75%,22%) |
#0b0f4c |
rgb(11,15,76) |
hsl(236,75%,17%) |
#080b36 |
rgb(8,11,54) |
hsl(236,75%,12%) |
#04061f |
rgb(4,6,31) |
hsl(236,75%,7%) |
#010209 |
rgb(1,2,9) |
hsl(236,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FB8E4 |
rgb(63,184,228) |
hsl(196,75%,57%) |
#3F4AE4 |
rgb(63,74,228) |
hsl(236,75%,57%) |
#A240E4 |
rgb(162,64,228) |
hsl(276,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9096EF |
rgb(144,150,239) |
hsl(236,75%,75%) |
#6770E9 |
rgb(103,112,233) |
hsl(236,75%,66%) |
#3F4AE4 |
rgb(63,74,228) |
hsl(236,75%,57%) |
#1E2BD6 |
rgb(30,43,214) |
hsl(236,75%,48%) |
#1821AD |
rgb(24,33,173) |
hsl(236,76%,39%) |
#121A84 |
rgb(18,26,132) |
hsl(236,76%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4AE4 |
rgb(63,74,228) |
hsl(236,75%,57%) |
#E4873F |
rgb(228,135,63) |
hsl(26,75%,57%) |
#9CE33F |
rgb(156,227,63) |
hsl(86,75%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4AE4 |
rgb(63,74,228) |
hsl(236,75%,57%) |
#E4D93F |
rgb(228,217,63) |
hsl(56,75%,57%) |
#3F9CE4 |
rgb(63,156,228) |
hsl(206,75%,57%) |
#9CE33F |
rgb(156,227,63) |
hsl(86,75%,57%) |