HEX #5670E5 color — Royal Blue

The color #5670E5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5670E5 color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(229,73%,97%)
#dce1f9 rgb(220,225,249) hsl(229,73%,92%)
#c6cff6 rgb(198,207,246) hsl(229,73%,87%)
#b0bcf3 rgb(176,188,243) hsl(229,73%,82%)
#9aa9ef rgb(154,169,239) hsl(229,73%,77%)
#8397ec rgb(131,151,236) hsl(229,73%,72%)
#6d84e8 rgb(109,132,232) hsl(229,73%,67%)
#5771e5 rgb(87,113,229) hsl(229,73%,62%)
#415fe1 rgb(65,95,225) hsl(229,73%,57%)
#2b4cde rgb(43,76,222) hsl(229,73%,52%)
#2040cf rgb(32,64,207) hsl(229,73%,47%)
#1d3ab9 rgb(29,58,185) hsl(229,73%,42%)
#1933a3 rgb(25,51,163) hsl(229,73%,37%)
#162c8d rgb(22,44,141) hsl(229,73%,32%)
#132577 rgb(19,37,119) hsl(229,73%,27%)
#0f1e61 rgb(15,30,97) hsl(229,73%,22%)
#0c174b rgb(12,23,75) hsl(229,73%,17%)
#081035 rgb(8,16,53) hsl(229,73%,12%)
#050a1f rgb(5,10,31) hsl(229,73%,7%)
#010309 rgb(1,3,9) hsl(229,73%,2%)

Adjacent colors

HEX RGB HSL
#56CFE5 rgb(86,207,229) hsl(189,73%,62%)
#5670E5 rgb(86,112,229) hsl(229,73%,62%)
#9B57E5 rgb(155,87,229) hsl(269,73%,62%)

Monochromatic colors

HEX RGB HSL
#D9DEF9 rgb(217,222,249) hsl(231,73%,91%)
#ADBAF2 rgb(173,186,242) hsl(229,73%,81%)
#8194EB rgb(129,148,235) hsl(229,73%,71%)
#5670E5 rgb(86,112,229) hsl(229,73%,62%)
#2A4ADE rgb(42,74,222) hsl(229,73%,52%)
#1C38B9 rgb(28,56,185) hsl(229,74%,42%)

Triad color palettes

HEX RGB HSL
#5670E5 rgb(86,112,229) hsl(229,73%,62%)
#E58556 rgb(229,133,86) hsl(20,73%,62%)
#B7E656 rgb(183,230,86) hsl(80,74%,62%)

Tetrad color palettes

HEX RGB HSL
#5670E5 rgb(86,112,229) hsl(229,73%,62%)
#E5CC56 rgb(229,204,86) hsl(50,73%,62%)
#56B8E5 rgb(86,184,229) hsl(199,73%,62%)
#B7E656 rgb(183,230,86) hsl(80,74%,62%)