HEX #586BC4 color — Indigo
The color #586BC4 is a dark shade and moderately saturated.
Palette
586BC4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(229,48%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(229,48%,91%) |
#cad0ec |
rgb(202,208,236) |
hsl(229,48%,86%) |
#b7c0e6 |
rgb(183,192,230) |
hsl(229,48%,81%) |
#a4afdf |
rgb(164,175,223) |
hsl(229,48%,76%) |
#929fd9 |
rgb(146,159,217) |
hsl(229,48%,71%) |
#7f8ed2 |
rgb(127,142,210) |
hsl(229,48%,66%) |
#6c7dcb |
rgb(108,125,203) |
hsl(229,48%,61%) |
#596dc5 |
rgb(89,109,197) |
hsl(229,48%,56%) |
#465cbe |
rgb(70,92,190) |
hsl(229,48%,51%) |
#3d52ae |
rgb(61,82,174) |
hsl(229,48%,46%) |
#36499b |
rgb(54,73,155) |
hsl(229,48%,41%) |
#304088 |
rgb(48,64,136) |
hsl(229,48%,36%) |
#293775 |
rgb(41,55,117) |
hsl(229,48%,31%) |
#222e62 |
rgb(34,46,98) |
hsl(229,48%,26%) |
#1c254f |
rgb(28,37,79) |
hsl(229,48%,21%) |
#151c3c |
rgb(21,28,60) |
hsl(229,48%,16%) |
#0f142a |
rgb(15,20,42) |
hsl(229,48%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(229,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(229,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B3C4 |
rgb(88,179,196) |
hsl(189,48%,56%) |
#586BC4 |
rgb(88,107,196) |
hsl(229,48%,56%) |
#8D59C4 |
rgb(141,89,196) |
hsl(269,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BA6DB |
rgb(155,166,219) |
hsl(230,47%,73%) |
#798ACF |
rgb(121,138,207) |
hsl(228,47%,64%) |
#586BC4 |
rgb(88,107,196) |
hsl(229,48%,56%) |
#3E52B0 |
rgb(62,82,176) |
hsl(229,48%,47%) |
#32428E |
rgb(50,66,142) |
hsl(230,48%,38%) |
#26336D |
rgb(38,51,109) |
hsl(229,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BC4 |
rgb(88,107,196) |
hsl(229,48%,56%) |
#C47A58 |
rgb(196,122,88) |
hsl(19,48%,56%) |
#A1C458 |
rgb(161,196,88) |
hsl(79,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BC4 |
rgb(88,107,196) |
hsl(229,48%,56%) |
#C4B058 |
rgb(196,176,88) |
hsl(49,48%,56%) |
#58A1C4 |
rgb(88,161,196) |
hsl(199,48%,56%) |
#A1C458 |
rgb(161,196,88) |
hsl(79,48%,56%) |