HEX #5970E4 color — Royal Blue
The color #5970E4 is a dark shade and moderately saturated.
Palette
5970E4 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 |
#59CCE4 |
rgb(89,204,228) |
hsl(190,72%,62%) |
#5970E4 |
rgb(89,112,228) |
hsl(230,72%,62%) |
#9E59E4 |
rgb(158,89,228) |
hsl(270,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DBE0F9 |
rgb(219,224,249) |
hsl(230,71%,92%) |
#B0BAF2 |
rgb(176,186,242) |
hsl(231,72%,82%) |
#8496EB |
rgb(132,150,235) |
hsl(230,72%,72%) |
#5970E4 |
rgb(89,112,228) |
hsl(230,72%,62%) |
#2D4ADC |
rgb(45,74,220) |
hsl(230,71%,52%) |
#1E38B9 |
rgb(30,56,185) |
hsl(230,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5970E4 |
rgb(89,112,228) |
hsl(230,72%,62%) |
#E48759 |
rgb(228,135,89) |
hsl(20,72%,62%) |
#B5E359 |
rgb(181,227,89) |
hsl(80,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5970E4 |
rgb(89,112,228) |
hsl(230,72%,62%) |
#E4CC59 |
rgb(228,204,89) |
hsl(50,72%,62%) |
#59B5E4 |
rgb(89,181,228) |
hsl(200,72%,62%) |
#B5E359 |
rgb(181,227,89) |
hsl(80,71%,62%) |