HEX #564FD3 color — Indigo
The color #564FD3 is a dark shade and moderately saturated.
Palette
564FD3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3fc |
rgb(243,243,252) |
hsl(243,60%,97%) |
#e0def7 |
rgb(224,222,247) |
hsl(243,60%,92%) |
#cccaf2 |
rgb(204,202,242) |
hsl(243,60%,87%) |
#b8b6ed |
rgb(184,182,237) |
hsl(243,60%,82%) |
#a5a1e8 |
rgb(165,161,232) |
hsl(243,60%,77%) |
#918de2 |
rgb(145,141,226) |
hsl(243,60%,72%) |
#7d78dd |
rgb(125,120,221) |
hsl(243,60%,67%) |
#6a64d8 |
rgb(106,100,216) |
hsl(243,60%,62%) |
#5650d3 |
rgb(86,80,211) |
hsl(243,60%,57%) |
#433bce |
rgb(67,59,206) |
hsl(243,60%,52%) |
#3730c0 |
rgb(55,48,192) |
hsl(243,60%,47%) |
#312bab |
rgb(49,43,171) |
hsl(243,60%,42%) |
#2b2697 |
rgb(43,38,151) |
hsl(243,60%,37%) |
#262183 |
rgb(38,33,131) |
hsl(243,60%,32%) |
#201c6e |
rgb(32,28,110) |
hsl(243,60%,27%) |
#1a165a |
rgb(26,22,90) |
hsl(243,60%,22%) |
#141145 |
rgb(20,17,69) |
hsl(243,60%,17%) |
#0e0c31 |
rgb(14,12,49) |
hsl(243,60%,12%) |
#08071d |
rgb(8,7,29) |
hsl(243,60%,7%) |
#020208 |
rgb(2,2,8) |
hsl(243,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4FA1D3 |
rgb(79,161,211) |
hsl(203,60%,57%) |
#564FD3 |
rgb(86,79,211) |
hsl(243,60%,57%) |
#AE4FD3 |
rgb(174,79,211) |
hsl(283,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9D99E5 |
rgb(157,153,229) |
hsl(243,59%,75%) |
#7975DC |
rgb(121,117,220) |
hsl(242,60%,66%) |
#564FD3 |
rgb(86,79,211) |
hsl(243,60%,57%) |
#3830C2 |
rgb(56,48,194) |
hsl(243,60%,47%) |
#2D269D |
rgb(45,38,157) |
hsl(244,61%,38%) |
#221F78 |
rgb(34,31,120) |
hsl(242,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#564FD3 |
rgb(86,79,211) |
hsl(243,60%,57%) |
#D3994F |
rgb(211,153,79) |
hsl(34,60%,57%) |
#8AD44F |
rgb(138,212,79) |
hsl(93,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#564FD3 |
rgb(86,79,211) |
hsl(243,60%,57%) |
#CCD44F |
rgb(204,212,79) |
hsl(64,61%,57%) |
#4F8AD3 |
rgb(79,138,211) |
hsl(213,60%,57%) |
#8AD44F |
rgb(138,212,79) |
hsl(93,61%,57%) |