HEX #686E82 color — Storm Gray
The color #686e82 is a dark shade and slightly desaturated.
Palette
686e82 color palette from light to dark
HEX |
RGB |
HSL |
#f4f4f6 |
rgb(244,244,246) |
hsl(226,11%,96%) |
#e6e7eb |
rgb(230,231,235) |
hsl(226,11%,91%) |
#d7d9df |
rgb(215,217,223) |
hsl(226,11%,86%) |
#c9ccd4 |
rgb(201,204,212) |
hsl(226,11%,81%) |
#bbbec9 |
rgb(187,190,201) |
hsl(226,11%,76%) |
#adb1bd |
rgb(173,177,189) |
hsl(226,11%,71%) |
#9fa3b2 |
rgb(159,163,178) |
hsl(226,11%,66%) |
#9196a6 |
rgb(145,150,166) |
hsl(226,11%,61%) |
#82889b |
rgb(130,136,155) |
hsl(226,11%,56%) |
#747b90 |
rgb(116,123,144) |
hsl(226,11%,51%) |
#686e82 |
rgb(104,110,130) |
hsl(226,11%,46%) |
#5d6274 |
rgb(93,98,116) |
hsl(226,11%,41%) |
#525666 |
rgb(82,86,102) |
hsl(226,11%,36%) |
#464a58 |
rgb(70,74,88) |
hsl(226,11%,31%) |
#3b3e4a |
rgb(59,62,74) |
hsl(226,11%,26%) |
#30323b |
rgb(48,50,59) |
hsl(226,11%,21%) |
#24262d |
rgb(36,38,45) |
hsl(226,11%,16%) |
#191a1f |
rgb(25,26,31) |
hsl(226,11%,11%) |
#0e0e11 |
rgb(14,14,17) |
hsl(226,11%,6%) |
#020203 |
rgb(2,2,3) |
hsl(226,11%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#688082 |
rgb(104,128,130) |
hsl(185,11%,46%) |
#686E82 |
rgb(104,110,130) |
hsl(226,11%,46%) |
#736982 |
rgb(115,105,130) |
hsl(264,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%) |
#686E82 |
rgb(104,110,130) |
hsl(226,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 |
#686E82 |
rgb(104,110,130) |
hsl(226,11%,46%) |
#827068 |
rgb(130,112,104) |
hsl(18,11%,46%) |
#7B8268 |
rgb(123,130,104) |
hsl(76,11%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686E82 |
rgb(104,110,130) |
hsl(226,11%,46%) |
#827D68 |
rgb(130,125,104) |
hsl(48,11%,46%) |
#687A82 |
rgb(104,122,130) |
hsl(198,11%,46%) |
#7B8268 |
rgb(123,130,104) |
hsl(76,11%,46%) |