HEX #4057E4 color — Royal Blue
The color #4057E4 is a dark shade and moderately saturated.
Palette
4057E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(232,75%,97%) |
#dbdffa |
rgb(219,223,250) |
hsl(232,75%,92%) |
#c5ccf7 |
rgb(197,204,247) |
hsl(232,75%,87%) |
#afb8f4 |
rgb(175,184,244) |
hsl(232,75%,82%) |
#98a4f0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#8290ed |
rgb(130,144,237) |
hsl(232,75%,72%) |
#6c7dea |
rgb(108,125,234) |
hsl(232,75%,67%) |
#5569e7 |
rgb(85,105,231) |
hsl(232,75%,62%) |
#3f55e4 |
rgb(63,85,228) |
hsl(232,75%,57%) |
#2941e0 |
rgb(41,65,224) |
hsl(232,75%,52%) |
#1e36d2 |
rgb(30,54,210) |
hsl(232,75%,47%) |
#1b30bb |
rgb(27,48,187) |
hsl(232,75%,42%) |
#182aa5 |
rgb(24,42,165) |
hsl(232,75%,37%) |
#14258f |
rgb(20,37,143) |
hsl(232,75%,32%) |
#111f78 |
rgb(17,31,120) |
hsl(232,75%,27%) |
#0e1962 |
rgb(14,25,98) |
hsl(232,75%,22%) |
#0b144c |
rgb(11,20,76) |
hsl(232,75%,17%) |
#080e36 |
rgb(8,14,54) |
hsl(232,75%,12%) |
#04081f |
rgb(4,8,31) |
hsl(232,75%,7%) |
#010209 |
rgb(1,2,9) |
hsl(232,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#40C4E4 |
rgb(64,196,228) |
hsl(192,75%,57%) |
#4057E4 |
rgb(64,87,228) |
hsl(232,75%,57%) |
#9640E4 |
rgb(150,64,228) |
hsl(271,75%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#919EEF |
rgb(145,158,239) |
hsl(232,75%,75%) |
#687AE9 |
rgb(104,122,233) |
hsl(232,75%,66%) |
#4057E4 |
rgb(64,87,228) |
hsl(232,75%,57%) |
#1E38D6 |
rgb(30,56,214) |
hsl(232,75%,48%) |
#182EAD |
rgb(24,46,173) |
hsl(231,76%,39%) |
#122485 |
rgb(18,36,133) |
hsl(231,76%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4057E4 |
rgb(64,87,228) |
hsl(232,75%,57%) |
#E47A40 |
rgb(228,122,64) |
hsl(21,75%,57%) |
#A9E340 |
rgb(169,227,64) |
hsl(81,74%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4057E4 |
rgb(64,87,228) |
hsl(232,75%,57%) |
#E4CC40 |
rgb(228,204,64) |
hsl(51,75%,57%) |
#40A8E4 |
rgb(64,168,228) |
hsl(202,75%,57%) |
#A9E340 |
rgb(169,227,64) |
hsl(81,74%,57%) |