HEX #563DF4 color — Royal Blue
The color #563DF4 is a dark shade and moderately saturated.
Palette
563DF4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eae7fe |
rgb(234,231,254) |
hsl(248,89%,95%) |
| #d5cffc |
rgb(213,207,252) |
hsl(248,89%,90%) |
| #c0b7fb |
rgb(192,183,251) |
hsl(248,89%,85%) |
| #ab9ff9 |
rgb(171,159,249) |
hsl(248,89%,80%) |
| #9687f8 |
rgb(150,135,248) |
hsl(248,89%,75%) |
| #816ef7 |
rgb(129,110,247) |
hsl(248,89%,70%) |
| #6b56f5 |
rgb(107,86,245) |
hsl(248,89%,65%) |
| #563ef4 |
rgb(86,62,244) |
hsl(248,89%,60%) |
| #4126f2 |
rgb(65,38,242) |
hsl(248,89%,55%) |
| #2c0ef1 |
rgb(44,14,241) |
hsl(248,89%,50%) |
| #280dd9 |
rgb(40,13,217) |
hsl(248,89%,45%) |
| #230bc1 |
rgb(35,11,193) |
hsl(248,89%,40%) |
| #1f0aa9 |
rgb(31,10,169) |
hsl(248,89%,35%) |
| #1b0891 |
rgb(27,8,145) |
hsl(248,89%,30%) |
| #160778 |
rgb(22,7,120) |
hsl(248,89%,25%) |
| #120660 |
rgb(18,6,96) |
hsl(248,89%,20%) |
| #0d0448 |
rgb(13,4,72) |
hsl(248,89%,15%) |
| #090330 |
rgb(9,3,48) |
hsl(248,89%,10%) |
| #040118 |
rgb(4,1,24) |
hsl(248,89%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3D9EF4 |
rgb(61,158,244) |
hsl(208,89%,60%) |
| #563DF4 |
rgb(86,61,244) |
hsl(248,89%,60%) |
| #D03DF4 |
rgb(208,61,244) |
hsl(288,89%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #A699F9 |
rgb(166,153,249) |
hsl(248,89%,79%) |
| #7E6BF6 |
rgb(126,107,246) |
hsl(248,89%,69%) |
| #563DF4 |
rgb(86,61,244) |
hsl(248,89%,60%) |
| #2D0FF1 |
rgb(45,15,241) |
hsl(248,89%,50%) |
| #240AC4 |
rgb(36,10,196) |
hsl(248,90%,40%) |
| #1B0896 |
rgb(27,8,150) |
hsl(248,90%,31%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #563DF4 |
rgb(86,61,244) |
hsl(248,89%,60%) |
| #F4B33D |
rgb(244,179,61) |
hsl(39,89%,60%) |
| #7FF53D |
rgb(127,245,61) |
hsl(98,90%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #563DF4 |
rgb(86,61,244) |
hsl(248,89%,60%) |
| #DBF53D |
rgb(219,245,61) |
hsl(68,90%,60%) |
| #3D80F4 |
rgb(61,128,244) |
hsl(218,89%,60%) |
| #7FF53D |
rgb(127,245,61) |
hsl(98,90%,60%) |
