HEX #5970E5 color — Royal Blue
The color #5970E5 is a dark shade and moderately saturated.
Palette
5970E5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,73%,97%) |
#dce1f9 |
rgb(220,225,249) |
hsl(230,73%,92%) |
#c6cef6 |
rgb(198,206,246) |
hsl(230,73%,87%) |
#b0bbf3 |
rgb(176,187,243) |
hsl(230,73%,82%) |
#9aa8ef |
rgb(154,168,239) |
hsl(230,73%,77%) |
#8395ec |
rgb(131,149,236) |
hsl(230,73%,72%) |
#6d82e8 |
rgb(109,130,232) |
hsl(230,73%,67%) |
#576fe5 |
rgb(87,111,229) |
hsl(230,73%,62%) |
#415ce1 |
rgb(65,92,225) |
hsl(230,73%,57%) |
#2b49de |
rgb(43,73,222) |
hsl(230,73%,52%) |
#203ecf |
rgb(32,62,207) |
hsl(230,73%,47%) |
#1d37b9 |
rgb(29,55,185) |
hsl(230,73%,42%) |
#1930a3 |
rgb(25,48,163) |
hsl(230,73%,37%) |
#162a8d |
rgb(22,42,141) |
hsl(230,73%,32%) |
#132377 |
rgb(19,35,119) |
hsl(230,73%,27%) |
#0f1d61 |
rgb(15,29,97) |
hsl(230,73%,22%) |
#0c164b |
rgb(12,22,75) |
hsl(230,73%,17%) |
#081035 |
rgb(8,16,53) |
hsl(230,73%,12%) |
#05091f |
rgb(5,9,31) |
hsl(230,73%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,73%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#59CFE5 |
rgb(89,207,229) |
hsl(189,73%,62%) |
#5970E5 |
rgb(89,112,229) |
hsl(230,73%,62%) |
#9F59E5 |
rgb(159,89,229) |
hsl(270,73%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DCE3F9 |
rgb(220,227,249) |
hsl(226,71%,92%) |
#B0BDF2 |
rgb(176,189,242) |
hsl(228,72%,82%) |
#8496EB |
rgb(132,150,235) |
hsl(230,72%,72%) |
#5970E5 |
rgb(89,112,229) |
hsl(230,73%,62%) |
#2D4ADE |
rgb(45,74,222) |
hsl(230,73%,52%) |
#1D38BA |
rgb(29,56,186) |
hsl(230,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5970E5 |
rgb(89,112,229) |
hsl(230,73%,62%) |
#E58759 |
rgb(229,135,89) |
hsl(20,73%,62%) |
#B6E659 |
rgb(182,230,89) |
hsl(80,74%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5970E5 |
rgb(89,112,229) |
hsl(230,73%,62%) |
#E5CF59 |
rgb(229,207,89) |
hsl(51,73%,62%) |
#59B5E5 |
rgb(89,181,229) |
hsl(201,73%,62%) |
#B6E659 |
rgb(182,230,89) |
hsl(80,74%,63%) |