HEX #5663F0 color — Royal Blue
The color #5663f0 is a dark shade and moderately saturated.
Palette
5663f0 color palette from light to dark
HEX |
RGB |
HSL |
#fafbff |
rgb(250,251,255) |
hsl(235,84%,99%) |
#e3e5fd |
rgb(227,229,253) |
hsl(235,84%,94%) |
#cbcffb |
rgb(203,207,251) |
hsl(235,84%,89%) |
#b4baf8 |
rgb(180,186,248) |
hsl(235,84%,84%) |
#9ca4f6 |
rgb(156,164,246) |
hsl(235,84%,79%) |
#858ef4 |
rgb(133,142,244) |
hsl(235,84%,74%) |
#6e79f2 |
rgb(110,121,242) |
hsl(235,84%,69%) |
#5663f0 |
rgb(86,99,240) |
hsl(235,84%,64%) |
#3f4dee |
rgb(63,77,238) |
hsl(235,84%,59%) |
#2738ec |
rgb(39,56,236) |
hsl(235,84%,54%) |
#1425e6 |
rgb(20,37,230) |
hsl(235,84%,49%) |
#1222ce |
rgb(18,34,206) |
hsl(235,84%,44%) |
#101eb7 |
rgb(16,30,183) |
hsl(235,84%,39%) |
#0e1aa0 |
rgb(14,26,160) |
hsl(235,84%,34%) |
#0c1688 |
rgb(12,22,136) |
hsl(235,84%,29%) |
#0a1271 |
rgb(10,18,113) |
hsl(235,84%,24%) |
#080f59 |
rgb(8,15,89) |
hsl(235,84%,19%) |
#060b42 |
rgb(6,11,66) |
hsl(235,84%,14%) |
#04072a |
rgb(4,7,42) |
hsl(235,84%,9%) |
#020313 |
rgb(2,3,19) |
hsl(235,84%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C9F0 |
rgb(86,201,240) |
hsl(195,84%,64%) |
#5663F0 |
rgb(86,99,240) |
hsl(235,84%,64%) |
#AF57F0 |
rgb(175,87,240) |
hsl(275,84%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E5E8FC |
rgb(229,232,252) |
hsl(232,79%,94%) |
#B5BDF8 |
rgb(181,189,248) |
hsl(233,83%,84%) |
#858FF4 |
rgb(133,143,244) |
hsl(235,83%,74%) |
#5663F0 |
rgb(86,99,240) |
hsl(235,84%,64%) |
#2636EB |
rgb(38,54,235) |
hsl(235,83%,54%) |
#1221CB |
rgb(18,33,203) |
hsl(235,84%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5663F0 |
rgb(86,99,240) |
hsl(235,84%,64%) |
#F09656 |
rgb(240,150,86) |
hsl(25,84%,64%) |
#B0F056 |
rgb(176,240,86) |
hsl(85,84%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5663F0 |
rgb(86,99,240) |
hsl(235,84%,64%) |
#F0E356 |
rgb(240,227,86) |
hsl(55,84%,64%) |
#56B0F0 |
rgb(86,176,240) |
hsl(205,84%,64%) |
#B0F056 |
rgb(176,240,86) |
hsl(85,84%,64%) |