HEX #5678CE color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5678CE color palette from light to dark

HEX RGB HSL
#f3f6fc rgb(243,246,252) hsl(223,55%,97%)
#dfe6f6 rgb(223,230,246) hsl(223,55%,92%)
#ccd6f0 rgb(204,214,240) hsl(223,55%,87%)
#b8c6ea rgb(184,198,234) hsl(223,55%,82%)
#a4b6e5 rgb(164,182,229) hsl(223,55%,77%)
#90a7df rgb(144,167,223) hsl(223,55%,72%)
#7d97d9 rgb(125,151,217) hsl(223,55%,67%)
#6987d3 rgb(105,135,211) hsl(223,55%,62%)
#5577ce rgb(85,119,206) hsl(223,55%,57%)
#4167c8 rgb(65,103,200) hsl(223,55%,52%)
#365bba rgb(54,91,186) hsl(223,55%,47%)
#3052a6 rgb(48,82,166) hsl(223,55%,42%)
#2a4892 rgb(42,72,146) hsl(223,55%,37%)
#253e7e rgb(37,62,126) hsl(223,55%,32%)
#1f346b rgb(31,52,107) hsl(223,55%,27%)
#192b57 rgb(25,43,87) hsl(223,55%,22%)
#142143 rgb(20,33,67) hsl(223,55%,17%)
#0e172f rgb(14,23,47) hsl(223,55%,12%)
#080e1c rgb(8,14,28) hsl(223,55%,7%)
#020408 rgb(2,4,8) hsl(223,55%,2%)

Adjacent colors

HEX RGB HSL
#56C7CE rgb(86,199,206) hsl(184,55%,57%)
#5678CE rgb(86,120,206) hsl(223,55%,57%)
#8457CE rgb(132,87,206) hsl(263,55%,57%)

Monochromatic colors

HEX RGB HSL
#9EB3E3 rgb(158,179,227) hsl(222,55%,75%)
#7A94D8 rgb(122,148,216) hsl(223,55%,66%)
#5678CE rgb(86,120,206) hsl(223,55%,57%)
#375EBE rgb(55,94,190) hsl(223,55%,48%)
#2C4D99 rgb(44,77,153) hsl(222,55%,39%)
#223B75 rgb(34,59,117) hsl(222,55%,30%)

Triad color palettes

HEX RGB HSL
#5678CE rgb(86,120,206) hsl(223,55%,57%)
#CE7056 rgb(206,112,86) hsl(13,55%,57%)
#B4CF56 rgb(180,207,86) hsl(73,56%,57%)

Tetrad color palettes

HEX RGB HSL
#5678CE rgb(86,120,206) hsl(223,55%,57%)
#CEAB56 rgb(206,171,86) hsl(43,55%,57%)
#56B5CE rgb(86,181,206) hsl(193,55%,57%)
#B4CF56 rgb(180,207,86) hsl(73,56%,57%)