HEX #564AC5 color — Indigo
The color #564AC5 is a dark shade and moderately saturated.
Palette
564AC5 color palette from light to dark
HEX |
RGB |
HSL |
#f8f7fd |
rgb(248,247,253) |
hsl(246,51%,98%) |
#e6e4f6 |
rgb(230,228,246) |
hsl(246,51%,93%) |
#d4d1f0 |
rgb(212,209,240) |
hsl(246,51%,88%) |
#c2beea |
rgb(194,190,234) |
hsl(246,51%,83%) |
#b0aae4 |
rgb(176,170,228) |
hsl(246,51%,78%) |
#9e97dd |
rgb(158,151,221) |
hsl(246,51%,73%) |
#8c84d7 |
rgb(140,132,215) |
hsl(246,51%,68%) |
#7a71d1 |
rgb(122,113,209) |
hsl(246,51%,63%) |
#685dcb |
rgb(104,93,203) |
hsl(246,51%,58%) |
#564ac4 |
rgb(86,74,196) |
hsl(246,51%,53%) |
#483cb9 |
rgb(72,60,185) |
hsl(246,51%,48%) |
#4136a6 |
rgb(65,54,166) |
hsl(246,51%,43%) |
#392f92 |
rgb(57,47,146) |
hsl(246,51%,38%) |
#32297f |
rgb(50,41,127) |
hsl(246,51%,33%) |
#2a236c |
rgb(42,35,108) |
hsl(246,51%,28%) |
#231d59 |
rgb(35,29,89) |
hsl(246,51%,23%) |
#1b1645 |
rgb(27,22,69) |
hsl(246,51%,18%) |
#141032 |
rgb(20,16,50) |
hsl(246,51%,13%) |
#0c0a1f |
rgb(12,10,31) |
hsl(246,51%,8%) |
#05040c |
rgb(5,4,12) |
hsl(246,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A8FC5 |
rgb(74,143,197) |
hsl(206,51%,53%) |
#564AC5 |
rgb(86,74,197) |
hsl(246,51%,53%) |
#A84AC5 |
rgb(168,74,197) |
hsl(286,51%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#938CDA |
rgb(147,140,218) |
hsl(245,51%,70%) |
#746BCF |
rgb(116,107,207) |
hsl(245,51%,62%) |
#564AC5 |
rgb(86,74,197) |
hsl(246,51%,53%) |
#4238AC |
rgb(66,56,172) |
hsl(245,51%,45%) |
#352E8B |
rgb(53,46,139) |
hsl(245,50%,36%) |
#29216A |
rgb(41,33,106) |
hsl(247,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#564AC5 |
rgb(86,74,197) |
hsl(246,51%,53%) |
#C5944A |
rgb(197,148,74) |
hsl(36,51%,53%) |
#7BC44A |
rgb(123,196,74) |
hsl(96,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564AC5 |
rgb(86,74,197) |
hsl(246,51%,53%) |
#B9C44A |
rgb(185,196,74) |
hsl(65,51%,53%) |
#4A7AC5 |
rgb(74,122,197) |
hsl(217,51%,53%) |
#7BC44A |
rgb(123,196,74) |
hsl(96,51%,53%) |