HEX #676B76 color — Shuttle Gray
The color #676B76 is a dark shade and desaturated.
Palette
676B76 color palette from light to dark
HEX |
RGB |
HSL |
#fafafa |
rgb(250,250,250) |
hsl(224,7%,98%) |
#ecedee |
rgb(236,237,238) |
hsl(224,7%,93%) |
#dedfe3 |
rgb(222,223,227) |
hsl(224,7%,88%) |
#d1d2d7 |
rgb(209,210,215) |
hsl(224,7%,83%) |
#c3c5cb |
rgb(195,197,203) |
hsl(224,7%,78%) |
#b5b8bf |
rgb(181,184,191) |
hsl(224,7%,73%) |
#a8abb3 |
rgb(168,171,179) |
hsl(224,7%,68%) |
#9a9ea7 |
rgb(154,158,167) |
hsl(224,7%,63%) |
#8c909b |
rgb(140,144,155) |
hsl(224,7%,58%) |
#7f8390 |
rgb(127,131,144) |
hsl(224,7%,53%) |
#727683 |
rgb(114,118,131) |
hsl(224,7%,48%) |
#666a75 |
rgb(102,106,117) |
hsl(224,7%,43%) |
#5a5e68 |
rgb(90,94,104) |
hsl(224,7%,38%) |
#4e515a |
rgb(78,81,90) |
hsl(224,7%,33%) |
#42454c |
rgb(66,69,76) |
hsl(224,7%,28%) |
#37393f |
rgb(55,57,63) |
hsl(224,7%,23%) |
#2b2c31 |
rgb(43,44,49) |
hsl(224,7%,18%) |
#1f2023 |
rgb(31,32,35) |
hsl(224,7%,13%) |
#131416 |
rgb(19,20,22) |
hsl(224,7%,8%) |
#070708 |
rgb(7,7,8) |
hsl(224,7%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#677576 |
rgb(103,117,118) |
hsl(184,7%,43%) |
#676B76 |
rgb(103,107,118) |
hsl(224,7%,43%) |
#6D6676 |
rgb(109,102,118) |
hsl(266,7%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8A8F99 |
rgb(138,143,153) |
hsl(220,7%,57%) |
#777D88 |
rgb(119,125,136) |
hsl(219,7%,50%) |
#676B76 |
rgb(103,107,118) |
hsl(224,7%,43%) |
#565963 |
rgb(86,89,99) |
hsl(226,7%,36%) |
#464A50 |
rgb(70,74,80) |
hsl(216,7%,29%) |
#35383D |
rgb(53,56,61) |
hsl(218,7%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#676B76 |
rgb(103,107,118) |
hsl(224,7%,43%) |
#766B67 |
rgb(118,107,103) |
hsl(16,7%,43%) |
#727567 |
rgb(114,117,103) |
hsl(73,6%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#676B76 |
rgb(103,107,118) |
hsl(224,7%,43%) |
#767367 |
rgb(118,115,103) |
hsl(48,7%,43%) |
#677376 |
rgb(103,115,118) |
hsl(192,7%,43%) |
#727567 |
rgb(114,117,103) |
hsl(73,6%,43%) |