HEX #586AC6 color — Indigo
The color #586ac6 is a dark shade and moderately saturated.
Palette
586ac6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f1fa |
rgb(240,241,250) |
hsl(230,49%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(230,49%,91%) |
#cad0ed |
rgb(202,208,237) |
hsl(230,49%,86%) |
#b7bfe6 |
rgb(183,191,230) |
hsl(230,49%,81%) |
#a4aee0 |
rgb(164,174,224) |
hsl(230,49%,76%) |
#919dd9 |
rgb(145,157,217) |
hsl(230,49%,71%) |
#7e8cd3 |
rgb(126,140,211) |
hsl(230,49%,66%) |
#6b7bcc |
rgb(107,123,204) |
hsl(230,49%,61%) |
#586ac6 |
rgb(88,106,198) |
hsl(230,49%,56%) |
#4559bf |
rgb(69,89,191) |
hsl(230,49%,51%) |
#3c4faf |
rgb(60,79,175) |
hsl(230,49%,46%) |
#35469c |
rgb(53,70,156) |
hsl(230,49%,41%) |
#2f3e89 |
rgb(47,62,137) |
hsl(230,49%,36%) |
#283576 |
rgb(40,53,118) |
hsl(230,49%,31%) |
#222d63 |
rgb(34,45,99) |
hsl(230,49%,26%) |
#1b2450 |
rgb(27,36,80) |
hsl(230,49%,21%) |
#151b3d |
rgb(21,27,61) |
hsl(230,49%,16%) |
#0e132a |
rgb(14,19,42) |
hsl(230,49%,11%) |
#080a17 |
rgb(8,10,23) |
hsl(230,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(230,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B3C6 |
rgb(88,179,198) |
hsl(190,49%,56%) |
#586AC6 |
rgb(88,106,198) |
hsl(230,49%,56%) |
#8F59C6 |
rgb(143,89,198) |
hsl(270,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA6DD |
rgb(156,166,221) |
hsl(231,49%,74%) |
#7A8AD1 |
rgb(122,138,209) |
hsl(229,49%,65%) |
#586AC6 |
rgb(88,106,198) |
hsl(230,49%,56%) |
#3D52B3 |
rgb(61,82,179) |
hsl(229,49%,47%) |
#314290 |
rgb(49,66,144) |
hsl(229,49%,38%) |
#25336E |
rgb(37,51,110) |
hsl(228,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586AC6 |
rgb(88,106,198) |
hsl(230,49%,56%) |
#C67D58 |
rgb(198,125,88) |
hsl(20,49%,56%) |
#A1C758 |
rgb(161,199,88) |
hsl(81,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586AC6 |
rgb(88,106,198) |
hsl(230,49%,56%) |
#C6B558 |
rgb(198,181,88) |
hsl(51,49%,56%) |
#58A1C6 |
rgb(88,161,198) |
hsl(200,49%,56%) |
#A1C758 |
rgb(161,199,88) |
hsl(81,50%,56%) |