HEX #686E84 color — Storm Gray
The color #686E84 is a dark shade and slightly desaturated.
Palette
686E84 color palette from light to dark
HEX |
RGB |
HSL |
#f4f4f6 |
rgb(244,244,246) |
hsl(227,12%,96%) |
#e5e6eb |
rgb(229,230,235) |
hsl(227,12%,91%) |
#d7d9e0 |
rgb(215,217,224) |
hsl(227,12%,86%) |
#c9cbd4 |
rgb(201,203,212) |
hsl(227,12%,81%) |
#babec9 |
rgb(186,190,201) |
hsl(227,12%,76%) |
#acb0be |
rgb(172,176,190) |
hsl(227,12%,71%) |
#9ea2b3 |
rgb(158,162,179) |
hsl(227,12%,66%) |
#9095a7 |
rgb(144,149,167) |
hsl(227,12%,61%) |
#81879c |
rgb(129,135,156) |
hsl(227,12%,56%) |
#737a91 |
rgb(115,122,145) |
hsl(227,12%,51%) |
#676d83 |
rgb(103,109,131) |
hsl(227,12%,46%) |
#5c6175 |
rgb(92,97,117) |
hsl(227,12%,41%) |
#515667 |
rgb(81,86,103) |
hsl(227,12%,36%) |
#464a59 |
rgb(70,74,89) |
hsl(227,12%,31%) |
#3a3e4a |
rgb(58,62,74) |
hsl(227,12%,26%) |
#2f323c |
rgb(47,50,60) |
hsl(227,12%,21%) |
#24262e |
rgb(36,38,46) |
hsl(227,12%,16%) |
#191a1f |
rgb(25,26,31) |
hsl(227,12%,11%) |
#0d0e11 |
rgb(13,14,17) |
hsl(227,12%,6%) |
#020203 |
rgb(2,2,3) |
hsl(227,12%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#688084 |
rgb(104,128,132) |
hsl(189,12%,46%) |
#686E84 |
rgb(104,110,132) |
hsl(227,12%,46%) |
#746984 |
rgb(116,105,132) |
hsl(264,11%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8F94A7 |
rgb(143,148,167) |
hsl(228,12%,61%) |
#7A8296 |
rgb(122,130,150) |
hsl(223,12%,53%) |
#686E84 |
rgb(104,110,132) |
hsl(227,12%,46%) |
#575C6E |
rgb(87,92,110) |
hsl(227,12%,39%) |
#464A59 |
rgb(70,74,89) |
hsl(227,12%,31%) |
#363844 |
rgb(54,56,68) |
hsl(231,11%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#686E84 |
rgb(104,110,132) |
hsl(227,12%,46%) |
#847068 |
rgb(132,112,104) |
hsl(17,12%,46%) |
#7C8568 |
rgb(124,133,104) |
hsl(79,12%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686E84 |
rgb(104,110,132) |
hsl(227,12%,46%) |
#847D68 |
rgb(132,125,104) |
hsl(45,12%,46%) |
#687D84 |
rgb(104,125,132) |
hsl(195,12%,46%) |
#7C8568 |
rgb(124,133,104) |
hsl(79,12%,46%) |