HEX #5670BD color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5670BD color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(225,44%,99%)
#e9ecf6 rgb(233,236,246) hsl(225,44%,94%)
#d7ddef rgb(215,221,239) hsl(225,44%,89%)
#c4cde8 rgb(196,205,232) hsl(225,44%,84%)
#b2bee1 rgb(178,190,225) hsl(225,44%,79%)
#a0aeda rgb(160,174,218) hsl(225,44%,74%)
#8d9fd3 rgb(141,159,211) hsl(225,44%,69%)
#7b8fcc rgb(123,143,204) hsl(225,44%,64%)
#687fc4 rgb(104,127,196) hsl(225,44%,59%)
#5670bd rgb(86,112,189) hsl(225,44%,54%)
#4661b4 rgb(70,97,180) hsl(225,44%,49%)
#3f58a2 rgb(63,88,162) hsl(225,44%,44%)
#384e8f rgb(56,78,143) hsl(225,44%,39%)
#31447d rgb(49,68,125) hsl(225,44%,34%)
#293a6a rgb(41,58,106) hsl(225,44%,29%)
#223058 rgb(34,48,88) hsl(225,44%,24%)
#1b2646 rgb(27,38,70) hsl(225,44%,19%)
#141c33 rgb(20,28,51) hsl(225,44%,14%)
#0d1221 rgb(13,18,33) hsl(225,44%,9%)
#06080f rgb(6,8,15) hsl(225,44%,4%)

Adjacent colors

HEX RGB HSL
#56B5BD rgb(86,181,189) hsl(185,44%,54%)
#5670BD rgb(86,112,189) hsl(225,44%,54%)
#8057BD rgb(128,87,189) hsl(264,44%,54%)

Monochromatic colors

HEX RGB HSL
#95A6D5 rgb(149,166,213) hsl(224,43%,71%)
#758AC9 rgb(117,138,201) hsl(225,44%,62%)
#5670BD rgb(86,112,189) hsl(225,44%,54%)
#4059A6 rgb(64,89,166) hsl(225,44%,45%)
#344A86 rgb(52,74,134) hsl(224,44%,36%)
#283866 rgb(40,56,102) hsl(225,44%,28%)

Triad color palettes

HEX RGB HSL
#5670BD rgb(86,112,189) hsl(225,44%,54%)
#BD7056 rgb(189,112,86) hsl(15,44%,54%)
#A3BD56 rgb(163,189,86) hsl(75,44%,54%)

Tetrad color palettes

HEX RGB HSL
#5670BD rgb(86,112,189) hsl(225,44%,54%)
#BDA356 rgb(189,163,86) hsl(45,44%,54%)
#56A3BD rgb(86,163,189) hsl(195,44%,54%)
#A3BD56 rgb(163,189,86) hsl(75,44%,54%)