HEX #696B78 color — Shuttle Gray
The color #696B78 is a dark shade and desaturated.
Palette
696B78 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(232,7%,99%) |
#efeff1 |
rgb(239,239,241) |
hsl(232,7%,94%) |
#e1e2e5 |
rgb(225,226,229) |
hsl(232,7%,89%) |
#d3d4d9 |
rgb(211,212,217) |
hsl(232,7%,84%) |
#c6c7cd |
rgb(198,199,205) |
hsl(232,7%,79%) |
#b8b9c1 |
rgb(184,185,193) |
hsl(232,7%,74%) |
#aaacb5 |
rgb(170,172,181) |
hsl(232,7%,69%) |
#9d9eaa |
rgb(157,158,170) |
hsl(232,7%,64%) |
#8f919e |
rgb(143,145,158) |
hsl(232,7%,59%) |
#818492 |
rgb(129,132,146) |
hsl(232,7%,54%) |
#747786 |
rgb(116,119,134) |
hsl(232,7%,49%) |
#686a78 |
rgb(104,106,120) |
hsl(232,7%,44%) |
#5c5e6a |
rgb(92,94,106) |
hsl(232,7%,39%) |
#51525d |
rgb(81,82,93) |
hsl(232,7%,34%) |
#45464f |
rgb(69,70,79) |
hsl(232,7%,29%) |
#393a41 |
rgb(57,58,65) |
hsl(232,7%,24%) |
#2d2e34 |
rgb(45,46,52) |
hsl(232,7%,19%) |
#212226 |
rgb(33,34,38) |
hsl(232,7%,14%) |
#151619 |
rgb(21,22,25) |
hsl(232,7%,9%) |
#090a0b |
rgb(9,10,11) |
hsl(232,7%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#697578 |
rgb(105,117,120) |
hsl(192,7%,44%) |
#696B78 |
rgb(105,107,120) |
hsl(232,7%,44%) |
#716978 |
rgb(113,105,120) |
hsl(272,7%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8D8F9B |
rgb(141,143,155) |
hsl(231,7%,58%) |
#7A7D8A |
rgb(122,125,138) |
hsl(229,6%,51%) |
#696B78 |
rgb(105,107,120) |
hsl(232,7%,44%) |
#585964 |
rgb(88,89,100) |
hsl(235,6%,37%) |
#474A51 |
rgb(71,74,81) |
hsl(222,7%,30%) |
#36383E |
rgb(54,56,62) |
hsl(225,7%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#696B78 |
rgb(105,107,120) |
hsl(232,7%,44%) |
#786E69 |
rgb(120,110,105) |
hsl(20,7%,44%) |
#727869 |
rgb(114,120,105) |
hsl(84,7%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#696B78 |
rgb(105,107,120) |
hsl(232,7%,44%) |
#787569 |
rgb(120,117,105) |
hsl(48,7%,44%) |
#697378 |
rgb(105,115,120) |
hsl(200,7%,44%) |
#727869 |
rgb(114,120,105) |
hsl(84,7%,44%) |