HEX #586BD2 color — Indigo
The color #586BD2 is a dark shade and moderately saturated.
Palette
586BD2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(231,58%,98%) |
#e3e6f8 |
rgb(227,230,248) |
hsl(231,58%,93%) |
#cfd4f2 |
rgb(207,212,242) |
hsl(231,58%,88%) |
#bbc2ed |
rgb(187,194,237) |
hsl(231,58%,83%) |
#a6b0e7 |
rgb(166,176,231) |
hsl(231,58%,78%) |
#929ee2 |
rgb(146,158,226) |
hsl(231,58%,73%) |
#7e8cdd |
rgb(126,140,221) |
hsl(231,58%,68%) |
#6a7ad7 |
rgb(106,122,215) |
hsl(231,58%,63%) |
#5668d2 |
rgb(86,104,210) |
hsl(231,58%,58%) |
#4256cd |
rgb(66,86,205) |
hsl(231,58%,53%) |
#3349c1 |
rgb(51,73,193) |
hsl(231,58%,48%) |
#2e41ad |
rgb(46,65,173) |
hsl(231,58%,43%) |
#293a99 |
rgb(41,58,153) |
hsl(231,58%,38%) |
#233285 |
rgb(35,50,133) |
hsl(231,58%,33%) |
#1e2a71 |
rgb(30,42,113) |
hsl(231,58%,28%) |
#19235d |
rgb(25,35,93) |
hsl(231,58%,23%) |
#131b49 |
rgb(19,27,73) |
hsl(231,58%,18%) |
#0e1434 |
rgb(14,20,52) |
hsl(231,58%,13%) |
#090c20 |
rgb(9,12,32) |
hsl(231,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(231,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#58BDD2 |
rgb(88,189,210) |
hsl(190,58%,58%) |
#586BD2 |
rgb(88,107,210) |
hsl(231,58%,58%) |
#9659D2 |
rgb(150,89,210) |
hsl(270,57%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3ADE6 |
rgb(163,173,230) |
hsl(231,57%,77%) |
#7D8CDC |
rgb(125,140,220) |
hsl(231,58%,68%) |
#586BD2 |
rgb(88,107,210) |
hsl(231,58%,58%) |
#354DC5 |
rgb(53,77,197) |
hsl(230,58%,49%) |
#2B3D9F |
rgb(43,61,159) |
hsl(231,57%,40%) |
#202E7A |
rgb(32,46,122) |
hsl(231,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BD2 |
rgb(88,107,210) |
hsl(231,58%,58%) |
#D28258 |
rgb(210,130,88) |
hsl(21,58%,58%) |
#A8D158 |
rgb(168,209,88) |
hsl(80,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BD2 |
rgb(88,107,210) |
hsl(231,58%,58%) |
#D2BF58 |
rgb(210,191,88) |
hsl(51,58%,58%) |
#58A8D2 |
rgb(88,168,210) |
hsl(201,58%,58%) |
#A8D158 |
rgb(168,209,88) |
hsl(80,57%,58%) |