HEX #686D87 color — Storm Gray
The color #686d87 is a dark shade and slightly desaturated.
Palette
686d87 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(230,13%,97%) |
#e8e9ed |
rgb(232,233,237) |
hsl(230,13%,92%) |
#dadbe2 |
rgb(218,219,226) |
hsl(230,13%,87%) |
#cbcdd7 |
rgb(203,205,215) |
hsl(230,13%,82%) |
#bdbfcc |
rgb(189,191,204) |
hsl(230,13%,77%) |
#aeb1c1 |
rgb(174,177,193) |
hsl(230,13%,72%) |
#a0a4b6 |
rgb(160,164,182) |
hsl(230,13%,67%) |
#9296ab |
rgb(146,150,171) |
hsl(230,13%,62%) |
#8388a0 |
rgb(131,136,160) |
hsl(230,13%,57%) |
#757a95 |
rgb(117,122,149) |
hsl(230,13%,52%) |
#686d87 |
rgb(104,109,135) |
hsl(230,13%,47%) |
#5d6279 |
rgb(93,98,121) |
hsl(230,13%,42%) |
#52566b |
rgb(82,86,107) |
hsl(230,13%,37%) |
#474b5c |
rgb(71,75,92) |
hsl(230,13%,32%) |
#3c3f4e |
rgb(60,63,78) |
hsl(230,13%,27%) |
#31333f |
rgb(49,51,63) |
hsl(230,13%,22%) |
#262831 |
rgb(38,40,49) |
hsl(230,13%,17%) |
#1b1c23 |
rgb(27,28,35) |
hsl(230,13%,12%) |
#101014 |
rgb(16,16,20) |
hsl(230,13%,7%) |
#040506 |
rgb(4,5,6) |
hsl(230,13%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#688287 |
rgb(104,130,135) |
hsl(190,13%,47%) |
#686D87 |
rgb(104,109,135) |
hsl(230,13%,47%) |
#776987 |
rgb(119,105,135) |
hsl(268,13%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9196AA |
rgb(145,150,170) |
hsl(228,13%,62%) |
#7B8099 |
rgb(123,128,153) |
hsl(230,13%,54%) |
#686D87 |
rgb(104,109,135) |
hsl(230,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 |
#686D87 |
rgb(104,109,135) |
hsl(230,13%,47%) |
#877368 |
rgb(135,115,104) |
hsl(21,13%,47%) |
#7C8768 |
rgb(124,135,104) |
hsl(81,13%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686D87 |
rgb(104,109,135) |
hsl(230,13%,47%) |
#878268 |
rgb(135,130,104) |
hsl(50,13%,47%) |
#687D87 |
rgb(104,125,135) |
hsl(199,13%,47%) |
#7C8768 |
rgb(124,135,104) |
hsl(81,13%,47%) |