HEX #686B8E color — Storm Gray
The color #686B8E is a dark shade and slightly desaturated.
Palette
686B8E color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(235,15%,98%) |
#eaebf0 |
rgb(234,235,240) |
hsl(235,15%,93%) |
#dcdde5 |
rgb(220,221,229) |
hsl(235,15%,88%) |
#cdceda |
rgb(205,206,218) |
hsl(235,15%,83%) |
#bec0cf |
rgb(190,192,207) |
hsl(235,15%,78%) |
#b0b2c4 |
rgb(176,178,196) |
hsl(235,15%,73%) |
#a1a3ba |
rgb(161,163,186) |
hsl(235,15%,68%) |
#9295af |
rgb(146,149,175) |
hsl(235,15%,63%) |
#8487a4 |
rgb(132,135,164) |
hsl(235,15%,58%) |
#757899 |
rgb(117,120,153) |
hsl(235,15%,53%) |
#686b8d |
rgb(104,107,141) |
hsl(235,15%,48%) |
#5d607e |
rgb(93,96,126) |
hsl(235,15%,43%) |
#52556f |
rgb(82,85,111) |
hsl(235,15%,38%) |
#484a61 |
rgb(72,74,97) |
hsl(235,15%,33%) |
#3d3e52 |
rgb(61,62,82) |
hsl(235,15%,28%) |
#323343 |
rgb(50,51,67) |
hsl(235,15%,23%) |
#272835 |
rgb(39,40,53) |
hsl(235,15%,18%) |
#1c1d26 |
rgb(28,29,38) |
hsl(235,15%,13%) |
#111217 |
rgb(17,18,23) |
hsl(235,15%,8%) |
#070709 |
rgb(7,7,9) |
hsl(235,15%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68858E |
rgb(104,133,142) |
hsl(194,15%,48%) |
#686B8E |
rgb(104,107,142) |
hsl(235,15%,48%) |
#7E698E |
rgb(126,105,142) |
hsl(274,15%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9496B0 |
rgb(148,150,176) |
hsl(236,15%,64%) |
#7D80A0 |
rgb(125,128,160) |
hsl(235,16%,56%) |
#686B8E |
rgb(104,107,142) |
hsl(235,15%,48%) |
#575977 |
rgb(87,89,119) |
hsl(236,16%,40%) |
#464A60 |
rgb(70,74,96) |
hsl(231,16%,33%) |
#363849 |
rgb(54,56,73) |
hsl(234,15%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#686B8E |
rgb(104,107,142) |
hsl(235,15%,48%) |
#8E7868 |
rgb(142,120,104) |
hsl(25,15%,48%) |
#7E8F68 |
rgb(126,143,104) |
hsl(86,16%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686B8E |
rgb(104,107,142) |
hsl(235,15%,48%) |
#8E8C68 |
rgb(142,140,104) |
hsl(57,15%,48%) |
#687D8E |
rgb(104,125,142) |
hsl(207,15%,48%) |
#7E8F68 |
rgb(126,143,104) |
hsl(86,16%,48%) |