HEX #686B74 color — Shuttle Gray
The color #686B74 is a dark shade and desaturated.
Palette
686B74 color palette from light to dark
HEX |
RGB |
HSL |
#fafafa |
rgb(250,250,250) |
hsl(225,5%,98%) |
#ecedee |
rgb(236,237,238) |
hsl(225,5%,93%) |
#dfe0e2 |
rgb(223,224,226) |
hsl(225,5%,88%) |
#d1d3d6 |
rgb(209,211,214) |
hsl(225,5%,83%) |
#c4c5ca |
rgb(196,197,202) |
hsl(225,5%,78%) |
#b7b8be |
rgb(183,184,190) |
hsl(225,5%,73%) |
#a9abb1 |
rgb(169,171,177) |
hsl(225,5%,68%) |
#9c9ea5 |
rgb(156,158,165) |
hsl(225,5%,63%) |
#8f9199 |
rgb(143,145,153) |
hsl(225,5%,58%) |
#81848d |
rgb(129,132,141) |
hsl(225,5%,53%) |
#747781 |
rgb(116,119,129) |
hsl(225,5%,48%) |
#686b73 |
rgb(104,107,115) |
hsl(225,5%,43%) |
#5c5e66 |
rgb(92,94,102) |
hsl(225,5%,38%) |
#505258 |
rgb(80,82,88) |
hsl(225,5%,33%) |
#44464b |
rgb(68,70,75) |
hsl(225,5%,28%) |
#38393e |
rgb(56,57,62) |
hsl(225,5%,23%) |
#2c2d30 |
rgb(44,45,48) |
hsl(225,5%,18%) |
#1f2023 |
rgb(31,32,35) |
hsl(225,5%,13%) |
#131415 |
rgb(19,20,21) |
hsl(225,5%,8%) |
#070708 |
rgb(7,7,8) |
hsl(225,5%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#687374 |
rgb(104,115,116) |
hsl(185,5%,43%) |
#686B74 |
rgb(104,107,116) |
hsl(225,5%,43%) |
#6D6974 |
rgb(109,105,116) |
hsl(262,5%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8B8F97 |
rgb(139,143,151) |
hsl(220,5%,57%) |
#787D86 |
rgb(120,125,134) |
hsl(219,6%,50%) |
#686B74 |
rgb(104,107,116) |
hsl(225,5%,43%) |
#575961 |
rgb(87,89,97) |
hsl(228,5%,36%) |
#464A4E |
rgb(70,74,78) |
hsl(210,5%,29%) |
#36383C |
rgb(54,56,60) |
hsl(220,5%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#686B74 |
rgb(104,107,116) |
hsl(225,5%,43%) |
#746B68 |
rgb(116,107,104) |
hsl(15,5%,43%) |
#717368 |
rgb(113,115,104) |
hsl(71,5%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686B74 |
rgb(104,107,116) |
hsl(225,5%,43%) |
#747068 |
rgb(116,112,104) |
hsl(40,5%,43%) |
#687074 |
rgb(104,112,116) |
hsl(200,5%,43%) |
#717368 |
rgb(113,115,104) |
hsl(71,5%,43%) |