HEX #564AC4 color — Indigo
The color #564ac4 is a dark shade and moderately saturated.
Palette
564ac4 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 |
#4A8FC4 |
rgb(74,143,196) |
hsl(206,51%,53%) |
#564AC4 |
rgb(86,74,196) |
hsl(246,51%,53%) |
#A74AC4 |
rgb(167,74,196) |
hsl(286,51%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#928CD9 |
rgb(146,140,217) |
hsl(245,50%,70%) |
#746BCE |
rgb(116,107,206) |
hsl(245,50%,61%) |
#564AC4 |
rgb(86,74,196) |
hsl(246,51%,53%) |
#4338AB |
rgb(67,56,171) |
hsl(246,51%,45%) |
#362E8A |
rgb(54,46,138) |
hsl(245,50%,36%) |
#292469 |
rgb(41,36,105) |
hsl(244,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#564AC4 |
rgb(86,74,196) |
hsl(246,51%,53%) |
#C4944A |
rgb(196,148,74) |
hsl(36,51%,53%) |
#7BC44A |
rgb(123,196,74) |
hsl(96,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564AC4 |
rgb(86,74,196) |
hsl(246,51%,53%) |
#B8C44A |
rgb(184,196,74) |
hsl(66,51%,53%) |
#4A7AC4 |
rgb(74,122,196) |
hsl(216,51%,53%) |
#7BC44A |
rgb(123,196,74) |
hsl(96,51%,53%) |