HEX #686E85 color — Storm Gray
The color #686E85 is a dark shade and slightly desaturated.
Palette
686E85 color palette from light to dark
HEX |
RGB |
HSL |
#f4f4f6 |
rgb(244,244,246) |
hsl(228,12%,96%) |
#e5e6eb |
rgb(229,230,235) |
hsl(228,12%,91%) |
#d7d9e0 |
rgb(215,217,224) |
hsl(228,12%,86%) |
#c9cbd4 |
rgb(201,203,212) |
hsl(228,12%,81%) |
#babdc9 |
rgb(186,189,201) |
hsl(228,12%,76%) |
#acb0be |
rgb(172,176,190) |
hsl(228,12%,71%) |
#9ea2b3 |
rgb(158,162,179) |
hsl(228,12%,66%) |
#9094a7 |
rgb(144,148,167) |
hsl(228,12%,61%) |
#81879c |
rgb(129,135,156) |
hsl(228,12%,56%) |
#737991 |
rgb(115,121,145) |
hsl(228,12%,51%) |
#676d83 |
rgb(103,109,131) |
hsl(228,12%,46%) |
#5c6175 |
rgb(92,97,117) |
hsl(228,12%,41%) |
#515567 |
rgb(81,85,103) |
hsl(228,12%,36%) |
#464959 |
rgb(70,73,89) |
hsl(228,12%,31%) |
#3a3e4a |
rgb(58,62,74) |
hsl(228,12%,26%) |
#2f323c |
rgb(47,50,60) |
hsl(228,12%,21%) |
#24262e |
rgb(36,38,46) |
hsl(228,12%,16%) |
#191a1f |
rgb(25,26,31) |
hsl(228,12%,11%) |
#0d0e11 |
rgb(13,14,17) |
hsl(228,12%,6%) |
#020203 |
rgb(2,2,3) |
hsl(228,12%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#688285 |
rgb(104,130,133) |
hsl(186,12%,46%) |
#686E85 |
rgb(104,110,133) |
hsl(228,12%,46%) |
#756985 |
rgb(117,105,133) |
hsl(266,12%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9096A8 |
rgb(144,150,168) |
hsl(225,12%,61%) |
#7B8297 |
rgb(123,130,151) |
hsl(225,12%,54%) |
#686E85 |
rgb(104,110,133) |
hsl(228,12%,46%) |
#575C6F |
rgb(87,92,111) |
hsl(228,12%,39%) |
#464A5A |
rgb(70,74,90) |
hsl(228,13%,31%) |
#363845 |
rgb(54,56,69) |
hsl(232,12%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#686E85 |
rgb(104,110,133) |
hsl(228,12%,46%) |
#857068 |
rgb(133,112,104) |
hsl(17,12%,46%) |
#7C8568 |
rgb(124,133,104) |
hsl(79,12%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686E85 |
rgb(104,110,133) |
hsl(228,12%,46%) |
#858068 |
rgb(133,128,104) |
hsl(50,12%,46%) |
#687D85 |
rgb(104,125,133) |
hsl(197,12%,46%) |
#7C8568 |
rgb(124,133,104) |
hsl(79,12%,46%) |