HEX #5656F0 color — Royal Blue
The color #5656f0 is a dark shade and moderately saturated.
Palette
5656f0 color palette from light to dark
HEX |
RGB |
HSL |
#fafaff |
rgb(250,250,255) |
hsl(240,84%,99%) |
#e3e3fd |
rgb(227,227,253) |
hsl(240,84%,94%) |
#cbcbfb |
rgb(203,203,251) |
hsl(240,84%,89%) |
#b4b4f8 |
rgb(180,180,248) |
hsl(240,84%,84%) |
#9c9cf6 |
rgb(156,156,246) |
hsl(240,84%,79%) |
#8585f4 |
rgb(133,133,244) |
hsl(240,84%,74%) |
#6e6ef2 |
rgb(110,110,242) |
hsl(240,84%,69%) |
#5656f0 |
rgb(86,86,240) |
hsl(240,84%,64%) |
#3f3fee |
rgb(63,63,238) |
hsl(240,84%,59%) |
#2727ec |
rgb(39,39,236) |
hsl(240,84%,54%) |
#1414e6 |
rgb(20,20,230) |
hsl(240,84%,49%) |
#1212ce |
rgb(18,18,206) |
hsl(240,84%,44%) |
#1010b7 |
rgb(16,16,183) |
hsl(240,84%,39%) |
#0e0ea0 |
rgb(14,14,160) |
hsl(240,84%,34%) |
#0c0c88 |
rgb(12,12,136) |
hsl(240,84%,29%) |
#0a0a71 |
rgb(10,10,113) |
hsl(240,84%,24%) |
#080859 |
rgb(8,8,89) |
hsl(240,84%,19%) |
#060642 |
rgb(6,6,66) |
hsl(240,84%,14%) |
#04042a |
rgb(4,4,42) |
hsl(240,84%,9%) |
#020213 |
rgb(2,2,19) |
hsl(240,84%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BDF0 |
rgb(86,189,240) |
hsl(200,84%,64%) |
#5656F0 |
rgb(86,86,240) |
hsl(240,84%,64%) |
#BC57F0 |
rgb(188,87,240) |
hsl(280,84%,64%) |
Monochromatic colors
HEX |
RGB |
HSL |
#E5E6FC |
rgb(229,230,252) |
hsl(237,79%,94%) |
#B5B5F8 |
rgb(181,181,248) |
hsl(240,83%,84%) |
#8587F4 |
rgb(133,135,244) |
hsl(239,83%,74%) |
#5656F0 |
rgb(86,86,240) |
hsl(240,84%,64%) |
#2626EB |
rgb(38,38,235) |
hsl(240,83%,54%) |
#1212CB |
rgb(18,18,203) |
hsl(240,84%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#5656F0 |
rgb(86,86,240) |
hsl(240,84%,64%) |
#F0A356 |
rgb(240,163,86) |
hsl(30,84%,64%) |
#A3F056 |
rgb(163,240,86) |
hsl(90,84%,64%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5656F0 |
rgb(86,86,240) |
hsl(240,84%,64%) |
#F0F056 |
rgb(240,240,86) |
hsl(60,84%,64%) |
#56A3F0 |
rgb(86,163,240) |
hsl(210,84%,64%) |
#A3F056 |
rgb(163,240,86) |
hsl(90,84%,64%) |