HEX #586BC2 color — Indigo
The color #586BC2 is a dark shade and moderately saturated.
Palette
586BC2 color palette from light to dark
HEX |
RGB |
HSL |
#eceff8 |
rgb(236,239,248) |
hsl(229,46%,95%) |
#dadef1 |
rgb(218,222,241) |
hsl(229,46%,90%) |
#c7ceea |
rgb(199,206,234) |
hsl(229,46%,85%) |
#b5bde3 |
rgb(181,189,227) |
hsl(229,46%,80%) |
#a2addd |
rgb(162,173,221) |
hsl(229,46%,75%) |
#8f9cd6 |
rgb(143,156,214) |
hsl(229,46%,70%) |
#7d8ccf |
rgb(125,140,207) |
hsl(229,46%,65%) |
#6a7bc8 |
rgb(106,123,200) |
hsl(229,46%,60%) |
#576bc1 |
rgb(87,107,193) |
hsl(229,46%,55%) |
#455aba |
rgb(69,90,186) |
hsl(229,46%,50%) |
#3e51a8 |
rgb(62,81,168) |
hsl(229,46%,45%) |
#374895 |
rgb(55,72,149) |
hsl(229,46%,40%) |
#303f82 |
rgb(48,63,130) |
hsl(229,46%,35%) |
#293670 |
rgb(41,54,112) |
hsl(229,46%,30%) |
#222d5d |
rgb(34,45,93) |
hsl(229,46%,25%) |
#1c244a |
rgb(28,36,74) |
hsl(229,46%,20%) |
#151b38 |
rgb(21,27,56) |
hsl(229,46%,15%) |
#0e1225 |
rgb(14,18,37) |
hsl(229,46%,10%) |
#070913 |
rgb(7,9,19) |
hsl(229,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#58B3C2 |
rgb(88,179,194) |
hsl(188,46%,55%) |
#586BC2 |
rgb(88,107,194) |
hsl(229,46%,55%) |
#8B59C2 |
rgb(139,89,194) |
hsl(269,46%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA6DA |
rgb(154,166,218) |
hsl(229,46%,73%) |
#7987CE |
rgb(121,135,206) |
hsl(230,46%,64%) |
#586BC2 |
rgb(88,107,194) |
hsl(229,46%,55%) |
#3F54AD |
rgb(63,84,173) |
hsl(229,47%,46%) |
#33428C |
rgb(51,66,140) |
hsl(230,47%,37%) |
#27336B |
rgb(39,51,107) |
hsl(229,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#586BC2 |
rgb(88,107,194) |
hsl(229,46%,55%) |
#C27A58 |
rgb(194,122,88) |
hsl(19,46%,55%) |
#A0C258 |
rgb(160,194,88) |
hsl(79,46%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586BC2 |
rgb(88,107,194) |
hsl(229,46%,55%) |
#C2B058 |
rgb(194,176,88) |
hsl(50,46%,55%) |
#58A1C2 |
rgb(88,161,194) |
hsl(199,46%,55%) |
#A0C258 |
rgb(160,194,88) |
hsl(79,46%,55%) |