HEX #564DD1 color — Indigo
The color #564DD1 is a dark shade and moderately saturated.
Palette
564DD1 color palette from light to dark
HEX |
RGB |
HSL |
#f0effb |
rgb(240,239,251) |
hsl(244,59%,96%) |
#dcdbf6 |
rgb(220,219,246) |
hsl(244,59%,91%) |
#c9c6f0 |
rgb(201,198,240) |
hsl(244,59%,86%) |
#b6b2eb |
rgb(182,178,235) |
hsl(244,59%,81%) |
#a39ee6 |
rgb(163,158,230) |
hsl(244,59%,76%) |
#8f89e1 |
rgb(143,137,225) |
hsl(244,59%,71%) |
#7c75db |
rgb(124,117,219) |
hsl(244,59%,66%) |
#6961d6 |
rgb(105,97,214) |
hsl(244,59%,61%) |
#554dd1 |
rgb(85,77,209) |
hsl(244,59%,56%) |
#4238cc |
rgb(66,56,204) |
hsl(244,59%,51%) |
#3930bb |
rgb(57,48,187) |
hsl(244,59%,46%) |
#332ba6 |
rgb(51,43,166) |
hsl(244,59%,41%) |
#2d2692 |
rgb(45,38,146) |
hsl(244,59%,36%) |
#27207e |
rgb(39,32,126) |
hsl(244,59%,31%) |
#201b69 |
rgb(32,27,105) |
hsl(244,59%,26%) |
#1a1655 |
rgb(26,22,85) |
hsl(244,59%,21%) |
#141141 |
rgb(20,17,65) |
hsl(244,59%,16%) |
#0e0c2d |
rgb(14,12,45) |
hsl(244,59%,11%) |
#070618 |
rgb(7,6,24) |
hsl(244,59%,6%) |
#010104 |
rgb(1,1,4) |
hsl(244,59%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D9CD1 |
rgb(77,156,209) |
hsl(204,59%,56%) |
#564DD1 |
rgb(86,77,209) |
hsl(244,59%,56%) |
#AE4DD1 |
rgb(174,77,209) |
hsl(284,59%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9B96E3 |
rgb(155,150,227) |
hsl(244,58%,74%) |
#7870DA |
rgb(120,112,218) |
hsl(245,59%,65%) |
#564DD1 |
rgb(86,77,209) |
hsl(244,59%,56%) |
#3A30BE |
rgb(58,48,190) |
hsl(244,60%,47%) |
#2F299A |
rgb(47,41,154) |
hsl(243,58%,38%) |
#241F76 |
rgb(36,31,118) |
hsl(243,58%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#564DD1 |
rgb(86,77,209) |
hsl(244,59%,56%) |
#D1994D |
rgb(209,153,77) |
hsl(35,59%,56%) |
#86D14D |
rgb(134,209,77) |
hsl(94,59%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564DD1 |
rgb(86,77,209) |
hsl(244,59%,56%) |
#C8D14D |
rgb(200,209,77) |
hsl(64,59%,56%) |
#4D87D1 |
rgb(77,135,209) |
hsl(214,59%,56%) |
#86D14D |
rgb(134,209,77) |
hsl(94,59%,56%) |