HEX #586DD5 color — Indigo
The color #586dd5 is a dark shade and moderately saturated.
Palette
586dd5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,60%,99%) |
#e7eaf9 |
rgb(231,234,249) |
hsl(230,60%,94%) |
#d2d8f4 |
rgb(210,216,244) |
hsl(230,60%,89%) |
#bec6ef |
rgb(190,198,239) |
hsl(230,60%,84%) |
#a9b4ea |
rgb(169,180,234) |
hsl(230,60%,79%) |
#95a2e4 |
rgb(149,162,228) |
hsl(230,60%,74%) |
#8190df |
rgb(129,144,223) |
hsl(230,60%,69%) |
#6c7eda |
rgb(108,126,218) |
hsl(230,60%,64%) |
#586dd5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#435bd0 |
rgb(67,91,208) |
hsl(230,60%,54%) |
#324bc8 |
rgb(50,75,200) |
hsl(230,60%,49%) |
#2d43b4 |
rgb(45,67,180) |
hsl(230,60%,44%) |
#283c9f |
rgb(40,60,159) |
hsl(230,60%,39%) |
#23348b |
rgb(35,52,139) |
hsl(230,60%,34%) |
#1e2c76 |
rgb(30,44,118) |
hsl(230,60%,29%) |
#182562 |
rgb(24,37,98) |
hsl(230,60%,24%) |
#131d4e |
rgb(19,29,78) |
hsl(230,60%,19%) |
#0e1539 |
rgb(14,21,57) |
hsl(230,60%,14%) |
#090e25 |
rgb(9,14,37) |
hsl(230,60%,9%) |
#040610 |
rgb(4,6,16) |
hsl(230,60%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#58BFD5 |
rgb(88,191,213) |
hsl(191,60%,59%) |
#586DD5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#9659D5 |
rgb(150,89,213) |
hsl(270,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A4B0E8 |
rgb(164,176,232) |
hsl(229,60%,78%) |
#7E8FDE |
rgb(126,143,222) |
hsl(229,59%,68%) |
#586DD5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#324DCA |
rgb(50,77,202) |
hsl(229,60%,49%) |
#293DA3 |
rgb(41,61,163) |
hsl(230,60%,40%) |
#1F307D |
rgb(31,48,125) |
hsl(229,60%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#586DD5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#D58258 |
rgb(213,130,88) |
hsl(20,60%,59%) |
#ABD658 |
rgb(171,214,88) |
hsl(80,61%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#586DD5 |
rgb(88,109,213) |
hsl(230,60%,59%) |
#D5BF58 |
rgb(213,191,88) |
hsl(49,60%,59%) |
#58ABD5 |
rgb(88,171,213) |
hsl(200,60%,59%) |
#ABD658 |
rgb(171,214,88) |
hsl(80,61%,59%) |