HEX #686EA5 color — Scampi

The color #686EA5 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

686EA5 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(234,25%,98%)
#e9eaf2 rgb(233,234,242) hsl(234,25%,93%)
#d9dae8 rgb(217,218,232) hsl(234,25%,88%)
#c9cbde rgb(201,203,222) hsl(234,25%,83%)
#b9bcd5 rgb(185,188,213) hsl(234,25%,78%)
#a9accb rgb(169,172,203) hsl(234,25%,73%)
#999dc2 rgb(153,157,194) hsl(234,25%,68%)
#898eb8 rgb(137,142,184) hsl(234,25%,63%)
#797eaf rgb(121,126,175) hsl(234,25%,58%)
#696fa5 rgb(105,111,165) hsl(234,25%,53%)
#5c6299 rgb(92,98,153) hsl(234,25%,48%)
#525889 rgb(82,88,137) hsl(234,25%,43%)
#494e79 rgb(73,78,121) hsl(234,25%,38%)
#3f4369 rgb(63,67,105) hsl(234,25%,33%)
#363959 rgb(54,57,89) hsl(234,25%,28%)
#2c2f49 rgb(44,47,73) hsl(234,25%,23%)
#222539 rgb(34,37,57) hsl(234,25%,18%)
#191b29 rgb(25,27,41) hsl(234,25%,13%)
#0f101a rgb(15,16,26) hsl(234,25%,8%)
#06060a rgb(6,6,10) hsl(234,25%,3%)

Adjacent colors

HEX RGB HSL
#6896A5 rgb(104,150,165) hsl(195,25%,53%)
#686EA5 rgb(104,110,165) hsl(234,25%,53%)
#8A69A5 rgb(138,105,165) hsl(273,25%,53%)

Monochromatic colors

HEX RGB HSL
#9DA1C5 rgb(157,161,197) hsl(234,26%,69%)
#8287B5 rgb(130,135,181) hsl(234,26%,61%)
#686EA5 rgb(104,110,165) hsl(234,25%,53%)
#54598D rgb(84,89,141) hsl(235,25%,44%)
#444A72 rgb(68,74,114) hsl(232,25%,36%)
#343857 rgb(52,56,87) hsl(233,25%,27%)

Triad color palettes

HEX RGB HSL
#686EA5 rgb(104,110,165) hsl(234,25%,53%)
#A58068 rgb(165,128,104) hsl(24,25%,53%)
#8CA668 rgb(140,166,104) hsl(85,26%,53%)

Tetrad color palettes

HEX RGB HSL
#686EA5 rgb(104,110,165) hsl(234,25%,53%)
#A59E68 rgb(165,158,104) hsl(53,25%,53%)
#688CA5 rgb(104,140,165) hsl(205,25%,53%)
#8CA668 rgb(140,166,104) hsl(85,26%,53%)