HEX #586EC6 color — Indigo
The color #586ec6 is a dark shade and moderately saturated.
Palette
586ec6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(228,49%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(228,49%,91%) |
#cad1ed |
rgb(202,209,237) |
hsl(228,49%,86%) |
#b7c0e6 |
rgb(183,192,230) |
hsl(228,49%,81%) |
#a4b0e0 |
rgb(164,176,224) |
hsl(228,49%,76%) |
#919fd9 |
rgb(145,159,217) |
hsl(228,49%,71%) |
#7e8fd3 |
rgb(126,143,211) |
hsl(228,49%,66%) |
#6b7ecc |
rgb(107,126,204) |
hsl(228,49%,61%) |
#586ec6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#455dbf |
rgb(69,93,191) |
hsl(228,49%,51%) |
#3c53af |
rgb(60,83,175) |
hsl(228,49%,46%) |
#354a9c |
rgb(53,74,156) |
hsl(228,49%,41%) |
#2f4189 |
rgb(47,65,137) |
hsl(228,49%,36%) |
#283876 |
rgb(40,56,118) |
hsl(228,49%,31%) |
#222f63 |
rgb(34,47,99) |
hsl(228,49%,26%) |
#1b2650 |
rgb(27,38,80) |
hsl(228,49%,21%) |
#151d3d |
rgb(21,29,61) |
hsl(228,49%,16%) |
#0e142a |
rgb(14,20,42) |
hsl(228,49%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(228,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B8C6 |
rgb(88,184,198) |
hsl(188,49%,56%) |
#586EC6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#8B59C6 |
rgb(139,89,198) |
hsl(268,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA8DD |
rgb(156,168,221) |
hsl(229,49%,74%) |
#7A8CD1 |
rgb(122,140,209) |
hsl(228,49%,65%) |
#586EC6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#3D54B3 |
rgb(61,84,179) |
hsl(228,49%,47%) |
#314590 |
rgb(49,69,144) |
hsl(227,49%,38%) |
#25366E |
rgb(37,54,110) |
hsl(226,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586EC6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#C67858 |
rgb(198,120,88) |
hsl(17,49%,56%) |
#A5C758 |
rgb(165,199,88) |
hsl(78,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586EC6 |
rgb(88,110,198) |
hsl(228,49%,56%) |
#C6B058 |
rgb(198,176,88) |
hsl(48,49%,56%) |
#58A6C6 |
rgb(88,166,198) |
hsl(197,49%,56%) |
#A5C758 |
rgb(165,199,88) |
hsl(78,50%,56%) |