HEX #564CC2 color — Indigo
The color #564cc2 is a dark shade and moderately saturated.
Palette
564cc2 color palette from light to dark
HEX |
RGB |
HSL |
#f8f7fc |
rgb(248,247,252) |
hsl(245,49%,98%) |
#e6e4f6 |
rgb(230,228,246) |
hsl(245,49%,93%) |
#d4d1ef |
rgb(212,209,239) |
hsl(245,49%,88%) |
#c2bee9 |
rgb(194,190,233) |
hsl(245,49%,83%) |
#b0abe2 |
rgb(176,171,226) |
hsl(245,49%,78%) |
#9e98dc |
rgb(158,152,220) |
hsl(245,49%,73%) |
#8c85d5 |
rgb(140,133,213) |
hsl(245,49%,68%) |
#7a72cf |
rgb(122,114,207) |
hsl(245,49%,63%) |
#685fc8 |
rgb(104,95,200) |
hsl(245,49%,58%) |
#564cc2 |
rgb(86,76,194) |
hsl(245,49%,53%) |
#483eb6 |
rgb(72,62,182) |
hsl(245,49%,48%) |
#4138a3 |
rgb(65,56,163) |
hsl(245,49%,43%) |
#393190 |
rgb(57,49,144) |
hsl(245,49%,38%) |
#322b7d |
rgb(50,43,125) |
hsl(245,49%,33%) |
#2a246a |
rgb(42,36,106) |
hsl(245,49%,28%) |
#231e57 |
rgb(35,30,87) |
hsl(245,49%,23%) |
#1b1744 |
rgb(27,23,68) |
hsl(245,49%,18%) |
#141131 |
rgb(20,17,49) |
hsl(245,49%,13%) |
#0c0a1e |
rgb(12,10,30) |
hsl(245,49%,8%) |
#05040b |
rgb(5,4,11) |
hsl(245,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4C91C2 |
rgb(76,145,194) |
hsl(205,49%,53%) |
#564CC2 |
rgb(86,76,194) |
hsl(245,49%,53%) |
#A44DC2 |
rgb(164,77,194) |
hsl(285,49%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#928CD7 |
rgb(146,140,215) |
hsl(245,48%,70%) |
#746BCC |
rgb(116,107,204) |
hsl(246,49%,61%) |
#564CC2 |
rgb(86,76,194) |
hsl(245,49%,53%) |
#433BA9 |
rgb(67,59,169) |
hsl(244,48%,45%) |
#362E88 |
rgb(54,46,136) |
hsl(245,49%,36%) |
#292468 |
rgb(41,36,104) |
hsl(244,49%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#564CC2 |
rgb(86,76,194) |
hsl(245,49%,53%) |
#C2914C |
rgb(194,145,76) |
hsl(35,49%,53%) |
#7DC24C |
rgb(125,194,76) |
hsl(95,49%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564CC2 |
rgb(86,76,194) |
hsl(245,49%,53%) |
#B8C24C |
rgb(184,194,76) |
hsl(65,49%,53%) |
#4C7DC2 |
rgb(76,125,194) |
hsl(215,49%,53%) |
#7DC24C |
rgb(125,194,76) |
hsl(95,49%,53%) |