HEX #404AF0 color — Royal Blue
The color #404AF0 is a dark shade and moderately saturated.
Palette
404AF0 color palette from light to dark
HEX |
RGB |
HSL |
#e7e8fd |
rgb(231,232,253) |
hsl(237,85%,95%) |
#d0d2fb |
rgb(208,210,251) |
hsl(237,85%,90%) |
#b8bbf9 |
rgb(184,187,249) |
hsl(237,85%,85%) |
#a1a5f7 |
rgb(161,165,247) |
hsl(237,85%,80%) |
#898ef5 |
rgb(137,142,245) |
hsl(237,85%,75%) |
#7178f4 |
rgb(113,120,244) |
hsl(237,85%,70%) |
#5a61f2 |
rgb(90,97,242) |
hsl(237,85%,65%) |
#424bf0 |
rgb(66,75,240) |
hsl(237,85%,60%) |
#2b34ee |
rgb(43,52,238) |
hsl(237,85%,55%) |
#131eec |
rgb(19,30,236) |
hsl(237,85%,50%) |
#111bd4 |
rgb(17,27,212) |
hsl(237,85%,45%) |
#0f18bd |
rgb(15,24,189) |
hsl(237,85%,40%) |
#0d15a5 |
rgb(13,21,165) |
hsl(237,85%,35%) |
#0b128e |
rgb(11,18,142) |
hsl(237,85%,30%) |
#0a0f76 |
rgb(10,15,118) |
hsl(237,85%,25%) |
#080c5e |
rgb(8,12,94) |
hsl(237,85%,20%) |
#060947 |
rgb(6,9,71) |
hsl(237,85%,15%) |
#04062f |
rgb(4,6,47) |
hsl(237,85%,10%) |
#020318 |
rgb(2,3,24) |
hsl(237,85%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#40BFF0 |
rgb(64,191,240) |
hsl(197,85%,60%) |
#404AF0 |
rgb(64,74,240) |
hsl(237,85%,60%) |
#AB40F0 |
rgb(171,64,240) |
hsl(276,85%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA1F7 |
rgb(154,161,247) |
hsl(235,85%,79%) |
#6D75F3 |
rgb(109,117,243) |
hsl(236,85%,69%) |
#404AF0 |
rgb(64,74,240) |
hsl(237,85%,60%) |
#121FEC |
rgb(18,31,236) |
hsl(236,86%,50%) |
#0F1ABF |
rgb(15,26,191) |
hsl(236,85%,40%) |
#0B1492 |
rgb(11,20,146) |
hsl(236,86%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#404AF0 |
rgb(64,74,240) |
hsl(237,85%,60%) |
#F08F40 |
rgb(240,143,64) |
hsl(27,85%,60%) |
#A2F040 |
rgb(162,240,64) |
hsl(87,85%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#404AF0 |
rgb(64,74,240) |
hsl(237,85%,60%) |
#F0E640 |
rgb(240,230,64) |
hsl(57,85%,60%) |
#40A3F0 |
rgb(64,163,240) |
hsl(206,85%,60%) |
#A2F040 |
rgb(162,240,64) |
hsl(87,85%,60%) |