HEX #686C87 color — Storm Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

686c87 color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(232,13%,97%)
#e8e9ed rgb(232,233,237) hsl(232,13%,92%)
#dadbe2 rgb(218,219,226) hsl(232,13%,87%)
#cbcdd7 rgb(203,205,215) hsl(232,13%,82%)
#bdbfcc rgb(189,191,204) hsl(232,13%,77%)
#aeb1c1 rgb(174,177,193) hsl(232,13%,72%)
#a0a3b6 rgb(160,163,182) hsl(232,13%,67%)
#9295ab rgb(146,149,171) hsl(232,13%,62%)
#8387a0 rgb(131,135,160) hsl(232,13%,57%)
#757995 rgb(117,121,149) hsl(232,13%,52%)
#686c87 rgb(104,108,135) hsl(232,13%,47%)
#5d6179 rgb(93,97,121) hsl(232,13%,42%)
#52556b rgb(82,85,107) hsl(232,13%,37%)
#474a5c rgb(71,74,92) hsl(232,13%,32%)
#3c3e4e rgb(60,62,78) hsl(232,13%,27%)
#31333f rgb(49,51,63) hsl(232,13%,22%)
#262731 rgb(38,39,49) hsl(232,13%,17%)
#1b1c23 rgb(27,28,35) hsl(232,13%,12%)
#101014 rgb(16,16,20) hsl(232,13%,7%)
#040506 rgb(4,5,6) hsl(232,13%,2%)

Adjacent colors

HEX RGB HSL
#688087 rgb(104,128,135) hsl(194,13%,47%)
#686C87 rgb(104,108,135) hsl(232,13%,47%)
#786987 rgb(120,105,135) hsl(270,13%,47%)

Monochromatic colors

HEX RGB HSL
#9194AA rgb(145,148,170) hsl(233,13%,62%)
#7B8099 rgb(123,128,153) hsl(230,13%,54%)
#686C87 rgb(104,108,135) hsl(232,13%,47%)
#575C71 rgb(87,92,113) hsl(228,13%,39%)
#464A5B rgb(70,74,91) hsl(229,13%,32%)
#363846 rgb(54,56,70) hsl(233,13%,24%)

Triad color palettes

HEX RGB HSL
#686C87 rgb(104,108,135) hsl(232,13%,47%)
#877368 rgb(135,115,104) hsl(21,13%,47%)
#7B8768 rgb(123,135,104) hsl(83,13%,47%)

Tetrad color palettes

HEX RGB HSL
#686C87 rgb(104,108,135) hsl(232,13%,47%)
#878268 rgb(135,130,104) hsl(50,13%,47%)
#687A87 rgb(104,122,135) hsl(205,13%,47%)
#7B8768 rgb(123,135,104) hsl(83,13%,47%)