HEX #686B80 color — Storm Gray
The color #686B80 is a dark shade and desaturated.
Palette
686B80 color palette from light to dark
HEX |
RGB |
HSL |
#f1f1f4 |
rgb(241,241,244) |
hsl(233,10%,95%) |
#e3e4e8 |
rgb(227,228,232) |
hsl(233,10%,90%) |
#d5d6dd |
rgb(213,214,221) |
hsl(233,10%,85%) |
#c7c8d1 |
rgb(199,200,209) |
hsl(233,10%,80%) |
#b9bac6 |
rgb(185,186,198) |
hsl(233,10%,75%) |
#abadba |
rgb(171,173,186) |
hsl(233,10%,70%) |
#9d9faf |
rgb(157,159,175) |
hsl(233,10%,65%) |
#8f91a3 |
rgb(143,145,163) |
hsl(233,10%,60%) |
#818398 |
rgb(129,131,152) |
hsl(233,10%,55%) |
#73768c |
rgb(115,118,140) |
hsl(233,10%,50%) |
#676a7e |
rgb(103,106,126) |
hsl(233,10%,45%) |
#5c5e70 |
rgb(92,94,112) |
hsl(233,10%,40%) |
#505262 |
rgb(80,82,98) |
hsl(233,10%,35%) |
#454754 |
rgb(69,71,84) |
hsl(233,10%,30%) |
#393b46 |
rgb(57,59,70) |
hsl(233,10%,25%) |
#2e2f38 |
rgb(46,47,56) |
hsl(233,10%,20%) |
#22232a |
rgb(34,35,42) |
hsl(233,10%,15%) |
#17181c |
rgb(23,24,28) |
hsl(233,10%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(233,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#687A80 |
rgb(104,122,128) |
hsl(195,10%,45%) |
#686B80 |
rgb(104,107,128) |
hsl(233,10%,45%) |
#756980 |
rgb(117,105,128) |
hsl(271,10%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8E91A3 |
rgb(142,145,163) |
hsl(231,10%,60%) |
#7A7D93 |
rgb(122,125,147) |
hsl(233,10%,53%) |
#686B80 |
rgb(104,107,128) |
hsl(233,10%,45%) |
#57596B |
rgb(87,89,107) |
hsl(234,10%,38%) |
#464A57 |
rgb(70,74,87) |
hsl(226,11%,31%) |
#363842 |
rgb(54,56,66) |
hsl(230,10%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#686B80 |
rgb(104,107,128) |
hsl(233,10%,45%) |
#807068 |
rgb(128,112,104) |
hsl(20,10%,45%) |
#778068 |
rgb(119,128,104) |
hsl(83,10%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686B80 |
rgb(104,107,128) |
hsl(233,10%,45%) |
#807D68 |
rgb(128,125,104) |
hsl(53,10%,45%) |
#687880 |
rgb(104,120,128) |
hsl(200,10%,45%) |
#778068 |
rgb(119,128,104) |
hsl(83,10%,45%) |