HEX #5678E5 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5678E5 color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(226,73%,97%)
#dce3f9 rgb(220,227,249) hsl(226,73%,92%)
#c6d1f6 rgb(198,209,246) hsl(226,73%,87%)
#b0bff3 rgb(176,191,243) hsl(226,73%,82%)
#9aaeef rgb(154,174,239) hsl(226,73%,77%)
#839cec rgb(131,156,236) hsl(226,73%,72%)
#6d8ae8 rgb(109,138,232) hsl(226,73%,67%)
#5778e5 rgb(87,120,229) hsl(226,73%,62%)
#4167e1 rgb(65,103,225) hsl(226,73%,57%)
#2b55de rgb(43,85,222) hsl(226,73%,52%)
#2049cf rgb(32,73,207) hsl(226,73%,47%)
#1d41b9 rgb(29,65,185) hsl(226,73%,42%)
#193aa3 rgb(25,58,163) hsl(226,73%,37%)
#16328d rgb(22,50,141) hsl(226,73%,32%)
#132a77 rgb(19,42,119) hsl(226,73%,27%)
#0f2261 rgb(15,34,97) hsl(226,73%,22%)
#0c1a4b rgb(12,26,75) hsl(226,73%,17%)
#081335 rgb(8,19,53) hsl(226,73%,12%)
#050b1f rgb(5,11,31) hsl(226,73%,7%)
#010309 rgb(1,3,9) hsl(226,73%,2%)

Adjacent colors

HEX RGB HSL
#56D6E5 rgb(86,214,229) hsl(186,73%,62%)
#5678E5 rgb(86,120,229) hsl(226,73%,62%)
#9357E5 rgb(147,87,229) hsl(265,73%,62%)

Monochromatic colors

HEX RGB HSL
#D9E0F9 rgb(217,224,249) hsl(227,73%,91%)
#ADBDF2 rgb(173,189,242) hsl(226,73%,81%)
#819CEB rgb(129,156,235) hsl(225,73%,71%)
#5678E5 rgb(86,120,229) hsl(226,73%,62%)
#2A54DE rgb(42,84,222) hsl(226,73%,52%)
#1C42B9 rgb(28,66,185) hsl(225,74%,42%)

Triad color palettes

HEX RGB HSL
#5678E5 rgb(86,120,229) hsl(226,73%,62%)
#E57A56 rgb(229,122,86) hsl(15,73%,62%)
#BFE656 rgb(191,230,86) hsl(76,74%,62%)

Tetrad color palettes

HEX RGB HSL
#5678E5 rgb(86,120,229) hsl(226,73%,62%)
#E5C256 rgb(229,194,86) hsl(45,73%,62%)
#56BFE5 rgb(86,191,229) hsl(196,73%,62%)
#BFE656 rgb(191,230,86) hsl(76,74%,62%)