HEX #5168D6 color — Indigo

The color #5168d6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5168d6 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(230,62%,98%)
#e2e6f8 rgb(226,230,248) hsl(230,62%,93%)
#cdd4f3 rgb(205,212,243) hsl(230,62%,88%)
#b9c2ef rgb(185,194,239) hsl(230,62%,83%)
#a4b0ea rgb(164,176,234) hsl(230,62%,78%)
#8f9ee5 rgb(143,158,229) hsl(230,62%,73%)
#7b8ce0 rgb(123,140,224) hsl(230,62%,68%)
#667adb rgb(102,122,219) hsl(230,62%,63%)
#5168d6 rgb(81,104,214) hsl(230,62%,58%)
#3d56d1 rgb(61,86,209) hsl(230,62%,53%)
#2f48c6 rgb(47,72,198) hsl(230,62%,48%)
#2a40b2 rgb(42,64,178) hsl(230,62%,43%)
#25399d rgb(37,57,157) hsl(230,62%,38%)
#203188 rgb(32,49,136) hsl(230,62%,33%)
#1b2a74 rgb(27,42,116) hsl(230,62%,28%)
#16225f rgb(22,34,95) hsl(230,62%,23%)
#111b4a rgb(17,27,74) hsl(230,62%,18%)
#0d1336 rgb(13,19,54) hsl(230,62%,13%)
#080c21 rgb(8,12,33) hsl(230,62%,8%)
#03040c rgb(3,4,12) hsl(230,62%,3%)

Adjacent colors

HEX RGB HSL
#51C2D6 rgb(81,194,214) hsl(189,62%,58%)
#5168D6 rgb(81,104,214) hsl(230,62%,58%)
#9252D6 rgb(146,82,214) hsl(269,62%,58%)

Monochromatic colors

HEX RGB HSL
#9DABE8 rgb(157,171,232) hsl(229,62%,76%)
#778ADF rgb(119,138,223) hsl(229,62%,67%)
#5168D6 rgb(81,104,214) hsl(230,62%,58%)
#2F4AC8 rgb(47,74,200) hsl(229,62%,48%)
#263BA2 rgb(38,59,162) hsl(230,62%,39%)
#1D2E7C rgb(29,46,124) hsl(229,62%,30%)

Triad color palettes

HEX RGB HSL
#5168D6 rgb(81,104,214) hsl(230,62%,58%)
#D67D51 rgb(214,125,81) hsl(20,62%,58%)
#AAD651 rgb(170,214,81) hsl(80,62%,58%)

Tetrad color palettes

HEX RGB HSL
#5168D6 rgb(81,104,214) hsl(230,62%,58%)
#D6BF51 rgb(214,191,81) hsl(50,62%,58%)
#51ABD6 rgb(81,171,214) hsl(199,62%,58%)
#AAD651 rgb(170,214,81) hsl(80,62%,58%)