HEX #686D82 color — Storm Gray
The color #686d82 is a dark shade and slightly desaturated.
Palette
686d82 color palette from light to dark
HEX |
RGB |
HSL |
#f4f4f6 |
rgb(244,244,246) |
hsl(228,11%,96%) |
#e6e7eb |
rgb(230,231,235) |
hsl(228,11%,91%) |
#d7d9df |
rgb(215,217,223) |
hsl(228,11%,86%) |
#c9cbd4 |
rgb(201,203,212) |
hsl(228,11%,81%) |
#bbbec9 |
rgb(187,190,201) |
hsl(228,11%,76%) |
#adb0bd |
rgb(173,176,189) |
hsl(228,11%,71%) |
#9fa3b2 |
rgb(159,163,178) |
hsl(228,11%,66%) |
#9195a6 |
rgb(145,149,166) |
hsl(228,11%,61%) |
#82879b |
rgb(130,135,155) |
hsl(228,11%,56%) |
#747a90 |
rgb(116,122,144) |
hsl(228,11%,51%) |
#686e82 |
rgb(104,110,130) |
hsl(228,11%,46%) |
#5d6274 |
rgb(93,98,116) |
hsl(228,11%,41%) |
#525666 |
rgb(82,86,102) |
hsl(228,11%,36%) |
#464a58 |
rgb(70,74,88) |
hsl(228,11%,31%) |
#3b3e4a |
rgb(59,62,74) |
hsl(228,11%,26%) |
#30323b |
rgb(48,50,59) |
hsl(228,11%,21%) |
#24262d |
rgb(36,38,45) |
hsl(228,11%,16%) |
#191a1f |
rgb(25,26,31) |
hsl(228,11%,11%) |
#0e0e11 |
rgb(14,14,17) |
hsl(228,11%,6%) |
#020203 |
rgb(2,2,3) |
hsl(228,11%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#688082 |
rgb(104,128,130) |
hsl(185,11%,46%) |
#686D82 |
rgb(104,109,130) |
hsl(228,11%,46%) |
#746982 |
rgb(116,105,130) |
hsl(266,11%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8F94A5 |
rgb(143,148,165) |
hsl(226,11%,60%) |
#7A8094 |
rgb(122,128,148) |
hsl(226,11%,53%) |
#686D82 |
rgb(104,109,130) |
hsl(228,11%,46%) |
#575C6D |
rgb(87,92,109) |
hsl(226,11%,38%) |
#464A58 |
rgb(70,74,88) |
hsl(227,11%,31%) |
#363843 |
rgb(54,56,67) |
hsl(231,11%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#686D82 |
rgb(104,109,130) |
hsl(228,11%,46%) |
#827068 |
rgb(130,112,104) |
hsl(18,11%,46%) |
#7A8268 |
rgb(122,130,104) |
hsl(78,11%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686D82 |
rgb(104,109,130) |
hsl(228,11%,46%) |
#827D68 |
rgb(130,125,104) |
hsl(48,11%,46%) |
#687A82 |
rgb(104,122,130) |
hsl(198,11%,46%) |
#7A8268 |
rgb(122,130,104) |
hsl(78,11%,46%) |