HEX #586BC7 color — Indigo
The color #586BC7 is a dark shade and moderately saturated.
Palette
586BC7 color palette from light to dark
HEX |
RGB |
HSL |
#f0f1fa |
rgb(240,241,250) |
hsl(230,50%,96%) |
#dde0f4 |
rgb(221,224,244) |
hsl(230,50%,91%) |
#c9cfed |
rgb(201,207,237) |
hsl(230,50%,86%) |
#b6bee7 |
rgb(182,190,231) |
hsl(230,50%,81%) |
#a3ade0 |
rgb(163,173,224) |
hsl(230,50%,76%) |
#909cda |
rgb(144,156,218) |
hsl(230,50%,71%) |
#7d8bd4 |
rgb(125,139,212) |
hsl(230,50%,66%) |
#6a7acd |
rgb(106,122,205) |
hsl(230,50%,61%) |
#5769c7 |
rgb(87,105,199) |
hsl(230,50%,56%) |
#4458c1 |
rgb(68,88,193) |
hsl(230,50%,51%) |
#3b4eb0 |
rgb(59,78,176) |
hsl(230,50%,46%) |
#34469d |
rgb(52,70,157) |
hsl(230,50%,41%) |
#2e3d8a |
rgb(46,61,138) |
hsl(230,50%,36%) |
#283577 |
rgb(40,53,119) |
hsl(230,50%,31%) |
#212c63 |
rgb(33,44,99) |
hsl(230,50%,26%) |
#1b2450 |
rgb(27,36,80) |
hsl(230,50%,21%) |
#141b3d |
rgb(20,27,61) |
hsl(230,50%,16%) |
#0e132a |
rgb(14,19,42) |
hsl(230,50%,11%) |
#080a17 |
rgb(8,10,23) |
hsl(230,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(230,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B5C7 |
rgb(88,181,199) |
hsl(190,50%,56%) |
#586BC7 |
rgb(88,107,199) |
hsl(230,50%,56%) |
#8F59C7 |
rgb(143,89,199) |
hsl(269,50%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA8DE |
rgb(156,168,222) |
hsl(229,50%,74%) |
#7A8AD2 |
rgb(122,138,210) |
hsl(229,49%,65%) |
#586BC7 |
rgb(88,107,199) |
hsl(230,50%,56%) |
#3C52B4 |
rgb(60,82,180) |
hsl(229,50%,47%) |
#314292 |
rgb(49,66,146) |
hsl(229,50%,38%) |
#25336F |
rgb(37,51,111) |
hsl(229,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BC7 |
rgb(88,107,199) |
hsl(230,50%,56%) |
#C77D58 |
rgb(199,125,88) |
hsl(20,50%,56%) |
#A2C758 |
rgb(162,199,88) |
hsl(80,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BC7 |
rgb(88,107,199) |
hsl(230,50%,56%) |
#C7B558 |
rgb(199,181,88) |
hsl(50,50%,56%) |
#58A3C7 |
rgb(88,163,199) |
hsl(199,50%,56%) |
#A2C758 |
rgb(162,199,88) |
hsl(80,50%,56%) |