HEX #586EC4 color — Indigo
The color #586EC4 is a dark shade and moderately saturated.
Palette
586EC4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(228,48%,96%) |
#dde1f3 |
rgb(221,225,243) |
hsl(228,48%,91%) |
#cad1ec |
rgb(202,209,236) |
hsl(228,48%,86%) |
#b7c1e6 |
rgb(183,193,230) |
hsl(228,48%,81%) |
#a4b0df |
rgb(164,176,223) |
hsl(228,48%,76%) |
#92a0d9 |
rgb(146,160,217) |
hsl(228,48%,71%) |
#7f8fd2 |
rgb(127,143,210) |
hsl(228,48%,66%) |
#6c7fcb |
rgb(108,127,203) |
hsl(228,48%,61%) |
#596ec5 |
rgb(89,110,197) |
hsl(228,48%,56%) |
#465ebe |
rgb(70,94,190) |
hsl(228,48%,51%) |
#3d54ae |
rgb(61,84,174) |
hsl(228,48%,46%) |
#364a9b |
rgb(54,74,155) |
hsl(228,48%,41%) |
#304188 |
rgb(48,65,136) |
hsl(228,48%,36%) |
#293875 |
rgb(41,56,117) |
hsl(228,48%,31%) |
#222f62 |
rgb(34,47,98) |
hsl(228,48%,26%) |
#1c264f |
rgb(28,38,79) |
hsl(228,48%,21%) |
#151d3c |
rgb(21,29,60) |
hsl(228,48%,16%) |
#0f142a |
rgb(15,20,42) |
hsl(228,48%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(228,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B5C4 |
rgb(88,181,196) |
hsl(188,48%,56%) |
#586EC4 |
rgb(88,110,196) |
hsl(228,48%,56%) |
#8A59C4 |
rgb(138,89,196) |
hsl(267,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BA8DB |
rgb(155,168,219) |
hsl(228,47%,73%) |
#798CCF |
rgb(121,140,207) |
hsl(227,47%,64%) |
#586EC4 |
rgb(88,110,196) |
hsl(228,48%,56%) |
#3E57B0 |
rgb(62,87,176) |
hsl(227,48%,47%) |
#32458E |
rgb(50,69,142) |
hsl(228,48%,38%) |
#26366D |
rgb(38,54,109) |
hsl(226,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586EC4 |
rgb(88,110,196) |
hsl(228,48%,56%) |
#C47858 |
rgb(196,120,88) |
hsl(18,48%,56%) |
#A4C458 |
rgb(164,196,88) |
hsl(78,48%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586EC4 |
rgb(88,110,196) |
hsl(228,48%,56%) |
#C4AD58 |
rgb(196,173,88) |
hsl(47,48%,56%) |
#58A3C4 |
rgb(88,163,196) |
hsl(198,48%,56%) |
#A4C458 |
rgb(164,196,88) |
hsl(78,48%,56%) |