HEX #686C87 color — Storm Gray
The color #686c87 is a dark shade and slightly desaturated.
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%) |