HEX #5870E4 color — Royal Blue
The color #5870e4 is a dark shade and moderately saturated.
Palette
5870e4 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 |
#58CFE4 |
rgb(88,207,228) |
hsl(189,72%,62%) |
#5870E4 |
rgb(88,112,228) |
hsl(230,72%,62%) |
#9D59E4 |
rgb(157,89,228) |
hsl(269,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DAE0F9 |
rgb(218,224,249) |
hsl(228,72%,92%) |
#AFBAF2 |
rgb(175,186,242) |
hsl(230,72%,82%) |
#8396EB |
rgb(131,150,235) |
hsl(229,72%,72%) |
#5870E4 |
rgb(88,112,228) |
hsl(230,72%,62%) |
#2C4ADC |
rgb(44,74,220) |
hsl(230,72%,52%) |
#1D38B8 |
rgb(29,56,184) |
hsl(230,73%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5870E4 |
rgb(88,112,228) |
hsl(230,72%,62%) |
#E48758 |
rgb(228,135,88) |
hsl(20,72%,62%) |
#B6E358 |
rgb(182,227,88) |
hsl(79,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5870E4 |
rgb(88,112,228) |
hsl(230,72%,62%) |
#E4CC58 |
rgb(228,204,88) |
hsl(50,72%,62%) |
#58B5E4 |
rgb(88,181,228) |
hsl(200,72%,62%) |
#B6E358 |
rgb(182,227,88) |
hsl(79,71%,62%) |