HEX #5678E3 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5678E3 color palette from light to dark

HEX RGB HSL
#edf1fc rgb(237,241,252) hsl(226,72%,96%)
#d8dff9 rgb(216,223,249) hsl(226,72%,91%)
#c2cef5 rgb(194,206,245) hsl(226,72%,86%)
#acbcf1 rgb(172,188,241) hsl(226,72%,81%)
#96aaee rgb(150,170,238) hsl(226,72%,76%)
#8099ea rgb(128,153,234) hsl(226,72%,71%)
#6a87e7 rgb(106,135,231) hsl(226,72%,66%)
#5475e3 rgb(84,117,227) hsl(226,72%,61%)
#3e64e0 rgb(62,100,224) hsl(226,72%,56%)
#2852dc rgb(40,82,220) hsl(226,72%,51%)
#2148ca rgb(33,72,202) hsl(226,72%,46%)
#1d40b4 rgb(29,64,180) hsl(226,72%,41%)
#1a399e rgb(26,57,158) hsl(226,72%,36%)
#163188 rgb(22,49,136) hsl(226,72%,31%)
#132972 rgb(19,41,114) hsl(226,72%,26%)
#0f215c rgb(15,33,92) hsl(226,72%,21%)
#0b1946 rgb(11,25,70) hsl(226,72%,16%)
#081130 rgb(8,17,48) hsl(226,72%,11%)
#04091a rgb(4,9,26) hsl(226,72%,6%)
#010204 rgb(1,2,4) hsl(226,72%,1%)

Adjacent colors

HEX RGB HSL
#56D6E3 rgb(86,214,227) hsl(186,72%,61%)
#5678E3 rgb(86,120,227) hsl(226,72%,61%)
#9257E3 rgb(146,87,227) hsl(265,71%,62%)

Monochromatic colors

HEX RGB HSL
#D6DEF8 rgb(214,222,248) hsl(226,71%,91%)
#ABBDF1 rgb(171,189,241) hsl(225,71%,81%)
#809CEA rgb(128,156,234) hsl(224,72%,71%)
#5678E3 rgb(86,120,227) hsl(226,72%,61%)
#2B57DB rgb(43,87,219) hsl(225,71%,51%)
#1E42B6 rgb(30,66,182) hsl(226,72%,42%)

Triad color palettes

HEX RGB HSL
#5678E3 rgb(86,120,227) hsl(226,72%,61%)
#E37A56 rgb(227,122,86) hsl(15,72%,61%)
#BEE356 rgb(190,227,86) hsl(76,72%,61%)

Tetrad color palettes

HEX RGB HSL
#5678E3 rgb(86,120,227) hsl(226,72%,61%)
#E3C256 rgb(227,194,86) hsl(46,72%,61%)
#56BFE3 rgb(86,191,227) hsl(195,72%,61%)
#BEE356 rgb(190,227,86) hsl(76,72%,61%)