HEX #686A8D color — Storm Gray
The color #686a8d is a dark shade and slightly desaturated.
Palette
686a8d color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(237,15%,98%) |
#eaebf0 |
rgb(234,235,240) |
hsl(237,15%,93%) |
#dcdce5 |
rgb(220,220,229) |
hsl(237,15%,88%) |
#cdceda |
rgb(205,206,218) |
hsl(237,15%,83%) |
#bebfcf |
rgb(190,191,207) |
hsl(237,15%,78%) |
#b0b1c4 |
rgb(176,177,196) |
hsl(237,15%,73%) |
#a1a2ba |
rgb(161,162,186) |
hsl(237,15%,68%) |
#9294af |
rgb(146,148,175) |
hsl(237,15%,63%) |
#8485a4 |
rgb(132,133,164) |
hsl(237,15%,58%) |
#757799 |
rgb(117,119,153) |
hsl(237,15%,53%) |
#686a8d |
rgb(104,106,141) |
hsl(237,15%,48%) |
#5d5f7e |
rgb(93,95,126) |
hsl(237,15%,43%) |
#52546f |
rgb(82,84,111) |
hsl(237,15%,38%) |
#484961 |
rgb(72,73,97) |
hsl(237,15%,33%) |
#3d3e52 |
rgb(61,62,82) |
hsl(237,15%,28%) |
#323343 |
rgb(50,51,67) |
hsl(237,15%,23%) |
#272835 |
rgb(39,40,53) |
hsl(237,15%,18%) |
#1c1d26 |
rgb(28,29,38) |
hsl(237,15%,13%) |
#111217 |
rgb(17,18,23) |
hsl(237,15%,8%) |
#070709 |
rgb(7,7,9) |
hsl(237,15%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#68828D |
rgb(104,130,141) |
hsl(198,15%,48%) |
#686A8D |
rgb(104,106,141) |
hsl(237,15%,48%) |
#7E698D |
rgb(126,105,141) |
hsl(275,15%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9394AF |
rgb(147,148,175) |
hsl(238,15%,63%) |
#7D809F |
rgb(125,128,159) |
hsl(235,15%,56%) |
#686A8D |
rgb(104,106,141) |
hsl(237,15%,48%) |
#575976 |
rgb(87,89,118) |
hsl(236,15%,40%) |
#46475F |
rgb(70,71,95) |
hsl(238,15%,32%) |
#363849 |
rgb(54,56,73) |
hsl(234,15%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#686A8D |
rgb(104,106,141) |
hsl(237,15%,48%) |
#8D7868 |
rgb(141,120,104) |
hsl(26,15%,48%) |
#7C8C68 |
rgb(124,140,104) |
hsl(87,15%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686A8D |
rgb(104,106,141) |
hsl(237,15%,48%) |
#8D8C68 |
rgb(141,140,104) |
hsl(58,15%,48%) |
#687D8D |
rgb(104,125,141) |
hsl(206,15%,48%) |
#7C8C68 |
rgb(124,140,104) |
hsl(87,15%,48%) |