HEX #586EE1 color — Royal Blue
The color #586EE1 is a dark shade and moderately saturated.
Palette
586EE1 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(230,70%,96%) |
#d8ddf8 |
rgb(216,221,248) |
hsl(230,70%,91%) |
#c2cbf4 |
rgb(194,203,244) |
hsl(230,70%,86%) |
#adb8f0 |
rgb(173,184,240) |
hsl(230,70%,81%) |
#97a5ed |
rgb(151,165,237) |
hsl(230,70%,76%) |
#8193e9 |
rgb(129,147,233) |
hsl(230,70%,71%) |
#6c80e5 |
rgb(108,128,229) |
hsl(230,70%,66%) |
#566de1 |
rgb(86,109,225) |
hsl(230,70%,61%) |
#405add |
rgb(64,90,221) |
hsl(230,70%,56%) |
#2b48da |
rgb(43,72,218) |
hsl(230,70%,51%) |
#233fc7 |
rgb(35,63,199) |
hsl(230,70%,46%) |
#1f38b2 |
rgb(31,56,178) |
hsl(230,70%,41%) |
#1c319c |
rgb(28,49,156) |
hsl(230,70%,36%) |
#182a86 |
rgb(24,42,134) |
hsl(230,70%,31%) |
#142371 |
rgb(20,35,113) |
hsl(230,70%,26%) |
#101d5b |
rgb(16,29,91) |
hsl(230,70%,21%) |
#0c1645 |
rgb(12,22,69) |
hsl(230,70%,16%) |
#080f30 |
rgb(8,15,48) |
hsl(230,70%,11%) |
#05081a |
rgb(5,8,26) |
hsl(230,70%,6%) |
#010104 |
rgb(1,1,4) |
hsl(230,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58C9E1 |
rgb(88,201,225) |
hsl(191,70%,61%) |
#586EE1 |
rgb(88,110,225) |
hsl(230,70%,61%) |
#9D59E1 |
rgb(157,89,225) |
hsl(270,69%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7DEF7 |
rgb(215,222,247) |
hsl(227,67%,91%) |
#ACB8F0 |
rgb(172,184,240) |
hsl(229,69%,81%) |
#8294E8 |
rgb(130,148,232) |
hsl(229,69%,71%) |
#586EE1 |
rgb(88,110,225) |
hsl(230,70%,61%) |
#2D4AD9 |
rgb(45,74,217) |
hsl(230,69%,51%) |
#2038B4 |
rgb(32,56,180) |
hsl(230,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#586EE1 |
rgb(88,110,225) |
hsl(230,70%,61%) |
#E18758 |
rgb(225,135,88) |
hsl(21,70%,61%) |
#B2E058 |
rgb(178,224,88) |
hsl(80,69%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586EE1 |
rgb(88,110,225) |
hsl(230,70%,61%) |
#E1CC58 |
rgb(225,204,88) |
hsl(51,70%,61%) |
#58B3E1 |
rgb(88,179,225) |
hsl(200,70%,61%) |
#B2E058 |
rgb(178,224,88) |
hsl(80,69%,61%) |