HEX #564DD5 color — Indigo
The color #564dd5 is a dark shade and moderately saturated.
Palette
564dd5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(244,62%,97%) |
#e0def7 |
rgb(224,222,247) |
hsl(244,62%,92%) |
#ccc9f2 |
rgb(204,201,242) |
hsl(244,62%,87%) |
#b8b5ee |
rgb(184,181,238) |
hsl(244,62%,82%) |
#a5a0e9 |
rgb(165,160,233) |
hsl(244,62%,77%) |
#918be4 |
rgb(145,139,228) |
hsl(244,62%,72%) |
#7e77df |
rgb(126,119,223) |
hsl(244,62%,67%) |
#6a62da |
rgb(106,98,218) |
hsl(244,62%,62%) |
#564dd5 |
rgb(86,77,213) |
hsl(244,62%,57%) |
#4339d0 |
rgb(67,57,208) |
hsl(244,62%,52%) |
#372ec2 |
rgb(55,46,194) |
hsl(244,62%,47%) |
#3229ae |
rgb(50,41,174) |
hsl(244,62%,42%) |
#2c2499 |
rgb(44,36,153) |
hsl(244,62%,37%) |
#261f84 |
rgb(38,31,132) |
hsl(244,62%,32%) |
#201a70 |
rgb(32,26,112) |
hsl(244,62%,27%) |
#1a155b |
rgb(26,21,91) |
hsl(244,62%,22%) |
#141046 |
rgb(20,16,70) |
hsl(244,62%,17%) |
#0e0c32 |
rgb(14,12,50) |
hsl(244,62%,12%) |
#08071d |
rgb(8,7,29) |
hsl(244,62%,7%) |
#020208 |
rgb(2,2,8) |
hsl(244,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4D9ED5 |
rgb(77,158,213) |
hsl(204,62%,57%) |
#564DD5 |
rgb(86,77,213) |
hsl(244,62%,57%) |
#B04DD5 |
rgb(176,77,213) |
hsl(284,62%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9D99E6 |
rgb(157,153,230) |
hsl(243,61%,75%) |
#7973DD |
rgb(121,115,221) |
hsl(243,61%,66%) |
#564DD5 |
rgb(86,77,213) |
hsl(244,62%,57%) |
#382EC5 |
rgb(56,46,197) |
hsl(244,62%,48%) |
#2D269F |
rgb(45,38,159) |
hsl(243,61%,39%) |
#221C7A |
rgb(34,28,122) |
hsl(244,63%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#564DD5 |
rgb(86,77,213) |
hsl(244,62%,57%) |
#D5994D |
rgb(213,153,77) |
hsl(34,62%,57%) |
#88D64D |
rgb(136,214,77) |
hsl(94,63%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564DD5 |
rgb(86,77,213) |
hsl(244,62%,57%) |
#CCD64D |
rgb(204,214,77) |
hsl(64,63%,57%) |
#4D87D5 |
rgb(77,135,213) |
hsl(214,62%,57%) |
#88D64D |
rgb(136,214,77) |
hsl(94,63%,57%) |