HEX #686A78 color — Shuttle Gray
The color #686a78 is a dark shade and desaturated.
Palette
686a78 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(233,7%,99%) |
| #efeff1 |
rgb(239,239,241) |
hsl(233,7%,94%) |
| #e1e1e5 |
rgb(225,225,229) |
hsl(233,7%,89%) |
| #d3d4d9 |
rgb(211,212,217) |
hsl(233,7%,84%) |
| #c6c7cd |
rgb(198,199,205) |
hsl(233,7%,79%) |
| #b8b9c1 |
rgb(184,185,193) |
hsl(233,7%,74%) |
| #aaacb5 |
rgb(170,172,181) |
hsl(233,7%,69%) |
| #9d9eaa |
rgb(157,158,170) |
hsl(233,7%,64%) |
| #8f919e |
rgb(143,145,158) |
hsl(233,7%,59%) |
| #818392 |
rgb(129,131,146) |
hsl(233,7%,54%) |
| #747686 |
rgb(116,118,134) |
hsl(233,7%,49%) |
| #686a78 |
rgb(104,106,120) |
hsl(233,7%,44%) |
| #5c5e6a |
rgb(92,94,106) |
hsl(233,7%,39%) |
| #51525d |
rgb(81,82,93) |
hsl(233,7%,34%) |
| #45464f |
rgb(69,70,79) |
hsl(233,7%,29%) |
| #393a41 |
rgb(57,58,65) |
hsl(233,7%,24%) |
| #2d2e34 |
rgb(45,46,52) |
hsl(233,7%,19%) |
| #212226 |
rgb(33,34,38) |
hsl(233,7%,14%) |
| #151619 |
rgb(21,22,25) |
hsl(233,7%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(233,7%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #687578 |
rgb(104,117,120) |
hsl(191,7%,44%) |
| #686A78 |
rgb(104,106,120) |
hsl(233,7%,44%) |
| #706978 |
rgb(112,105,120) |
hsl(268,7%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8C8F9B |
rgb(140,143,155) |
hsl(228,7%,58%) |
| #787A8A |
rgb(120,122,138) |
hsl(233,7%,51%) |
| #686A78 |
rgb(104,106,120) |
hsl(233,7%,44%) |
| #575964 |
rgb(87,89,100) |
hsl(231,7%,37%) |
| #464751 |
rgb(70,71,81) |
hsl(235,7%,30%) |
| #36383E |
rgb(54,56,62) |
hsl(225,7%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #686A78 |
rgb(104,106,120) |
hsl(233,7%,44%) |
| #786E68 |
rgb(120,110,104) |
hsl(23,7%,44%) |
| #727868 |
rgb(114,120,104) |
hsl(83,7%,44%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #686A78 |
rgb(104,106,120) |
hsl(233,7%,44%) |
| #787568 |
rgb(120,117,104) |
hsl(49,7%,44%) |
| #687378 |
rgb(104,115,120) |
hsl(199,7%,44%) |
| #727868 |
rgb(114,120,104) |
hsl(83,7%,44%) |
