HEX #564DC4 color — Indigo
The color #564DC4 is a dark shade and moderately saturated.
Palette
564DC4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(245,50%,99%) |
#e9e8f7 |
rgb(233,232,247) |
hsl(245,50%,94%) |
#d7d5f1 |
rgb(215,213,241) |
hsl(245,50%,89%) |
#c5c2eb |
rgb(197,194,235) |
hsl(245,50%,84%) |
#b3afe4 |
rgb(179,175,228) |
hsl(245,50%,79%) |
#a19cde |
rgb(161,156,222) |
hsl(245,50%,74%) |
#8f88d7 |
rgb(143,136,215) |
hsl(245,50%,69%) |
#7d75d1 |
rgb(125,117,209) |
hsl(245,50%,64%) |
#6b62cb |
rgb(107,98,203) |
hsl(245,50%,59%) |
#594fc4 |
rgb(89,79,196) |
hsl(245,50%,54%) |
#493ebb |
rgb(73,62,187) |
hsl(245,50%,49%) |
#4138a8 |
rgb(65,56,168) |
hsl(245,50%,44%) |
#3a3295 |
rgb(58,50,149) |
hsl(245,50%,39%) |
#332b82 |
rgb(51,43,130) |
hsl(245,50%,34%) |
#2b256f |
rgb(43,37,111) |
hsl(245,50%,29%) |
#241f5c |
rgb(36,31,92) |
hsl(245,50%,24%) |
#1c1849 |
rgb(28,24,73) |
hsl(245,50%,19%) |
#151236 |
rgb(21,18,54) |
hsl(245,50%,14%) |
#0d0b22 |
rgb(13,11,34) |
hsl(245,50%,9%) |
#06050f |
rgb(6,5,15) |
hsl(245,50%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D94C4 |
rgb(77,148,196) |
hsl(204,50%,54%) |
#564DC4 |
rgb(86,77,196) |
hsl(245,50%,54%) |
#A54DC4 |
rgb(165,77,196) |
hsl(284,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#948FD9 |
rgb(148,143,217) |
hsl(244,49%,71%) |
#756ECE |
rgb(117,110,206) |
hsl(244,49%,62%) |
#564DC4 |
rgb(86,77,196) |
hsl(245,50%,54%) |
#4138AC |
rgb(65,56,172) |
hsl(245,51%,45%) |
#352E8B |
rgb(53,46,139) |
hsl(245,50%,36%) |
#28246A |
rgb(40,36,106) |
hsl(243,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#564DC4 |
rgb(86,77,196) |
hsl(245,50%,54%) |
#C4914D |
rgb(196,145,77) |
hsl(34,50%,54%) |
#7FC44D |
rgb(127,196,77) |
hsl(95,50%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564DC4 |
rgb(86,77,196) |
hsl(245,50%,54%) |
#BBC44D |
rgb(187,196,77) |
hsl(65,50%,54%) |
#4D80C4 |
rgb(77,128,196) |
hsl(214,50%,54%) |
#7FC44D |
rgb(127,196,77) |
hsl(95,50%,54%) |