HEX #5657D9 color — Royal Blue
The color #5657D9 is a dark shade and moderately saturated.
Palette
5657D9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(240,63%,99%) |
#e6e6f9 |
rgb(230,230,249) |
hsl(240,63%,94%) |
#d1d1f5 |
rgb(209,209,245) |
hsl(240,63%,89%) |
#bcbcf0 |
rgb(188,188,240) |
hsl(240,63%,84%) |
#a8a8eb |
rgb(168,168,235) |
hsl(240,63%,79%) |
#9393e6 |
rgb(147,147,230) |
hsl(240,63%,74%) |
#7e7ee2 |
rgb(126,126,226) |
hsl(240,63%,69%) |
#6969dd |
rgb(105,105,221) |
hsl(240,63%,64%) |
#5555d8 |
rgb(85,85,216) |
hsl(240,63%,59%) |
#4040d4 |
rgb(64,64,212) |
hsl(240,63%,54%) |
#2e2ecc |
rgb(46,46,204) |
hsl(240,63%,49%) |
#2a2ab7 |
rgb(42,42,183) |
hsl(240,63%,44%) |
#2525a2 |
rgb(37,37,162) |
hsl(240,63%,39%) |
#20208d |
rgb(32,32,141) |
hsl(240,63%,34%) |
#1b1b79 |
rgb(27,27,121) |
hsl(240,63%,29%) |
#171764 |
rgb(23,23,100) |
hsl(240,63%,24%) |
#12124f |
rgb(18,18,79) |
hsl(240,63%,19%) |
#0d0d3a |
rgb(13,13,58) |
hsl(240,63%,14%) |
#080825 |
rgb(8,8,37) |
hsl(240,63%,9%) |
#040411 |
rgb(4,4,17) |
hsl(240,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56ADD9 |
rgb(86,173,217) |
hsl(200,63%,59%) |
#5657D9 |
rgb(86,87,217) |
hsl(240,63%,59%) |
#AC57D9 |
rgb(172,87,217) |
hsl(279,63%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5A6EA |
rgb(165,166,234) |
hsl(239,62%,78%) |
#7D80E1 |
rgb(125,128,225) |
hsl(238,63%,69%) |
#5657D9 |
rgb(86,87,217) |
hsl(240,63%,59%) |
#2E30CF |
rgb(46,48,207) |
hsl(239,64%,50%) |
#2526A8 |
rgb(37,38,168) |
hsl(240,64%,40%) |
#1C1F80 |
rgb(28,31,128) |
hsl(238,64%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5657D9 |
rgb(86,87,217) |
hsl(240,63%,59%) |
#D99656 |
rgb(217,150,86) |
hsl(29,63%,59%) |
#98D956 |
rgb(152,217,86) |
hsl(90,63%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5657D9 |
rgb(86,87,217) |
hsl(240,63%,59%) |
#D9D956 |
rgb(217,217,86) |
hsl(60,63%,59%) |
#5699D9 |
rgb(86,153,217) |
hsl(209,63%,59%) |
#98D956 |
rgb(152,217,86) |
hsl(90,63%,59%) |