HEX #5A70E4 color — Royal Blue
The color #5A70E4 is a dark shade and moderately saturated.
Palette
5A70E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,72%,97%) |
#dce1f9 |
rgb(220,225,249) |
hsl(230,72%,92%) |
#c6cef6 |
rgb(198,206,246) |
hsl(230,72%,87%) |
#b0bbf2 |
rgb(176,187,242) |
hsl(230,72%,82%) |
#9aa8ef |
rgb(154,168,239) |
hsl(230,72%,77%) |
#8495eb |
rgb(132,149,235) |
hsl(230,72%,72%) |
#6e82e7 |
rgb(110,130,231) |
hsl(230,72%,67%) |
#5870e4 |
rgb(88,112,228) |
hsl(230,72%,62%) |
#425de0 |
rgb(66,93,224) |
hsl(230,72%,57%) |
#2c4add |
rgb(44,74,221) |
hsl(230,72%,52%) |
#223ece |
rgb(34,62,206) |
hsl(230,72%,47%) |
#1e38b8 |
rgb(30,56,184) |
hsl(230,72%,42%) |
#1a31a2 |
rgb(26,49,162) |
hsl(230,72%,37%) |
#172a8c |
rgb(23,42,140) |
hsl(230,72%,32%) |
#132476 |
rgb(19,36,118) |
hsl(230,72%,27%) |
#101d60 |
rgb(16,29,96) |
hsl(230,72%,22%) |
#0c174b |
rgb(12,23,75) |
hsl(230,72%,17%) |
#091035 |
rgb(9,16,53) |
hsl(230,72%,12%) |
#05091f |
rgb(5,9,31) |
hsl(230,72%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ACCE4 |
rgb(90,204,228) |
hsl(190,72%,62%) |
#5A70E4 |
rgb(90,112,228) |
hsl(230,72%,62%) |
#A059E4 |
rgb(160,89,228) |
hsl(271,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DDE3F9 |
rgb(221,227,249) |
hsl(227,70%,92%) |
#B1BDF2 |
rgb(177,189,242) |
hsl(229,71%,82%) |
#8596EB |
rgb(133,150,235) |
hsl(230,72%,72%) |
#5A70E4 |
rgb(90,112,228) |
hsl(230,72%,62%) |
#2E4ADC |
rgb(46,74,220) |
hsl(230,71%,52%) |
#1E38B9 |
rgb(30,56,185) |
hsl(230,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A70E4 |
rgb(90,112,228) |
hsl(230,72%,62%) |
#E48A5A |
rgb(228,138,90) |
hsl(21,72%,62%) |
#B5E35A |
rgb(181,227,90) |
hsl(80,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A70E4 |
rgb(90,112,228) |
hsl(230,72%,62%) |
#E4CF5A |
rgb(228,207,90) |
hsl(51,72%,62%) |
#5AB5E4 |
rgb(90,181,228) |
hsl(200,72%,62%) |
#B5E35A |
rgb(181,227,90) |
hsl(80,71%,62%) |