HEX #686B8D color — Storm Gray
The color #686B8D is a dark shade and slightly desaturated.
Palette
686B8D 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 |
#68858D |
rgb(104,133,141) |
hsl(193,15%,48%) |
#686B8D |
rgb(104,107,141) |
hsl(235,15%,48%) |
#7D698D |
rgb(125,105,141) |
hsl(273,15%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9396AF |
rgb(147,150,175) |
hsl(234,15%,63%) |
#7D809F |
rgb(125,128,159) |
hsl(235,15%,56%) |
#686B8D |
rgb(104,107,141) |
hsl(235,15%,48%) |
#575976 |
rgb(87,89,118) |
hsl(236,15%,40%) |
#464A5F |
rgb(70,74,95) |
hsl(230,15%,32%) |
#363849 |
rgb(54,56,73) |
hsl(234,15%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#686B8D |
rgb(104,107,141) |
hsl(235,15%,48%) |
#8D7868 |
rgb(141,120,104) |
hsl(26,15%,48%) |
#7D8C68 |
rgb(125,140,104) |
hsl(85,15%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686B8D |
rgb(104,107,141) |
hsl(235,15%,48%) |
#8D8A68 |
rgb(141,138,104) |
hsl(55,15%,48%) |
#687D8D |
rgb(104,125,141) |
hsl(206,15%,48%) |
#7D8C68 |
rgb(125,140,104) |
hsl(85,15%,48%) |