HEX #586EC3 color — Indigo
The color #586EC3 is a dark shade and moderately saturated.
Palette
586EC3 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(228,47%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(228,47%,90%) |
#c7ceeb |
rgb(199,206,235) |
hsl(228,47%,85%) |
#b4bee4 |
rgb(180,190,228) |
hsl(228,47%,80%) |
#a1addd |
rgb(161,173,221) |
hsl(228,47%,75%) |
#8f9dd6 |
rgb(143,157,214) |
hsl(228,47%,70%) |
#7c8dd0 |
rgb(124,141,208) |
hsl(228,47%,65%) |
#697cc9 |
rgb(105,124,201) |
hsl(228,47%,60%) |
#566cc2 |
rgb(86,108,194) |
hsl(228,47%,55%) |
#445cbb |
rgb(68,92,187) |
hsl(228,47%,50%) |
#3d52a9 |
rgb(61,82,169) |
hsl(228,47%,45%) |
#364996 |
rgb(54,73,150) |
hsl(228,47%,40%) |
#2f4083 |
rgb(47,64,131) |
hsl(228,47%,35%) |
#293770 |
rgb(41,55,112) |
hsl(228,47%,30%) |
#222e5e |
rgb(34,46,94) |
hsl(228,47%,25%) |
#1b254b |
rgb(27,37,75) |
hsl(228,47%,20%) |
#141b38 |
rgb(20,27,56) |
hsl(228,47%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(228,47%,10%) |
#070913 |
rgb(7,9,19) |
hsl(228,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B5C3 |
rgb(88,181,195) |
hsl(188,47%,55%) |
#586EC3 |
rgb(88,110,195) |
hsl(228,47%,55%) |
#8959C3 |
rgb(137,89,195) |
hsl(267,47%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA8DA |
rgb(154,168,218) |
hsl(227,46%,73%) |
#798ACE |
rgb(121,138,206) |
hsl(228,46%,64%) |
#586EC3 |
rgb(88,110,195) |
hsl(228,47%,55%) |
#3E57AE |
rgb(62,87,174) |
hsl(227,47%,46%) |
#32458D |
rgb(50,69,141) |
hsl(227,48%,37%) |
#26366C |
rgb(38,54,108) |
hsl(226,48%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586EC3 |
rgb(88,110,195) |
hsl(228,47%,55%) |
#C37858 |
rgb(195,120,88) |
hsl(18,47%,55%) |
#A3C258 |
rgb(163,194,88) |
hsl(78,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586EC3 |
rgb(88,110,195) |
hsl(228,47%,55%) |
#C3AD58 |
rgb(195,173,88) |
hsl(48,47%,55%) |
#58A3C3 |
rgb(88,163,195) |
hsl(198,47%,55%) |
#A3C258 |
rgb(163,194,88) |
hsl(78,46%,55%) |