HEX #686B89 color — Storm Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

686B89 color palette from light to dark

HEX RGB HSL
#f6f6f8 rgb(246,246,248) hsl(235,14%,97%)
#e8e8ed rgb(232,232,237) hsl(235,14%,92%)
#d9dae2 rgb(217,218,226) hsl(235,14%,87%)
#cbccd8 rgb(203,204,216) hsl(235,14%,82%)
#bcbecd rgb(188,190,205) hsl(235,14%,77%)
#aeafc2 rgb(174,175,194) hsl(235,14%,72%)
#9fa1b7 rgb(159,161,183) hsl(235,14%,67%)
#9193ac rgb(145,147,172) hsl(235,14%,62%)
#8285a1 rgb(130,133,161) hsl(235,14%,57%)
#737696 rgb(115,118,150) hsl(235,14%,52%)
#676a89 rgb(103,106,137) hsl(235,14%,47%)
#5c5f7a rgb(92,95,122) hsl(235,14%,42%)
#51536c rgb(81,83,108) hsl(235,14%,37%)
#46485d rgb(70,72,93) hsl(235,14%,32%)
#3b3d4e rgb(59,61,78) hsl(235,14%,27%)
#303240 rgb(48,50,64) hsl(235,14%,22%)
#252631 rgb(37,38,49) hsl(235,14%,17%)
#1a1b23 rgb(26,27,35) hsl(235,14%,12%)
#0f1014 rgb(15,16,20) hsl(235,14%,7%)
#040506 rgb(4,5,6) hsl(235,14%,2%)

Adjacent colors

HEX RGB HSL
#688289 rgb(104,130,137) hsl(193,14%,47%)
#686B89 rgb(104,107,137) hsl(235,14%,47%)
#7B6989 rgb(123,105,137) hsl(274,13%,47%)

Monochromatic colors

HEX RGB HSL
#9194AC rgb(145,148,172) hsl(233,14%,62%)
#7C809B rgb(124,128,155) hsl(232,13%,55%)
#686B89 rgb(104,107,137) hsl(235,14%,47%)
#575973 rgb(87,89,115) hsl(236,14%,40%)
#464A5D rgb(70,74,93) hsl(230,14%,32%)
#363847 rgb(54,56,71) hsl(233,14%,25%)

Triad color palettes

HEX RGB HSL
#686B89 rgb(104,107,137) hsl(235,14%,47%)
#897568 rgb(137,117,104) hsl(24,14%,47%)
#7B8A68 rgb(123,138,104) hsl(86,14%,47%)

Tetrad color palettes

HEX RGB HSL
#686B89 rgb(104,107,137) hsl(235,14%,47%)
#898768 rgb(137,135,104) hsl(56,14%,47%)
#687A89 rgb(104,122,137) hsl(207,14%,47%)
#7B8A68 rgb(123,138,104) hsl(86,14%,47%)