HEX #5570E7 color — Royal Blue
The color #5570e7 is a dark shade and moderately saturated.
Palette
5570e7 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 |
#55D1E7 |
rgb(85,209,231) |
hsl(189,75%,62%) |
#5570E7 |
rgb(85,112,231) |
hsl(229,75%,62%) |
#9B54E7 |
rgb(155,84,231) |
hsl(269,75%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9E0F9 |
rgb(217,224,249) |
hsl(227,73%,91%) |
#ADBAF3 |
rgb(173,186,243) |
hsl(229,74%,82%) |
#8196ED |
rgb(129,150,237) |
hsl(228,75%,72%) |
#5570E7 |
rgb(85,112,231) |
hsl(229,75%,62%) |
#284AE0 |
rgb(40,74,224) |
hsl(229,75%,52%) |
#1A38BC |
rgb(26,56,188) |
hsl(229,76%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5570E7 |
rgb(85,112,231) |
hsl(229,75%,62%) |
#E78255 |
rgb(231,130,85) |
hsl(18,75%,62%) |
#B9E855 |
rgb(185,232,85) |
hsl(79,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5570E7 |
rgb(85,112,231) |
hsl(229,75%,62%) |
#E7CC55 |
rgb(231,204,85) |
hsl(49,75%,62%) |
#55BAE7 |
rgb(85,186,231) |
hsl(198,75%,62%) |
#B9E855 |
rgb(185,232,85) |
hsl(79,76%,62%) |