HEX #676970 color — Shuttle Gray
The color #676970 is a dark shade and desaturated.
Palette
676970 color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f7f8 |
rgb(247,247,248) |
hsl(227,4%,97%) |
| #eaeaeb |
rgb(234,234,235) |
hsl(227,4%,92%) |
| #dddddf |
rgb(221,221,223) |
hsl(227,4%,87%) |
| #cfd0d3 |
rgb(207,208,211) |
hsl(227,4%,82%) |
| #c2c3c7 |
rgb(194,195,199) |
hsl(227,4%,77%) |
| #b5b6ba |
rgb(181,182,186) |
hsl(227,4%,72%) |
| #a7a9ae |
rgb(167,169,174) |
hsl(227,4%,67%) |
| #9a9ca2 |
rgb(154,156,162) |
hsl(227,4%,62%) |
| #8d8f96 |
rgb(141,143,150) |
hsl(227,4%,57%) |
| #808289 |
rgb(128,130,137) |
hsl(227,4%,52%) |
| #73757d |
rgb(115,117,125) |
hsl(227,4%,47%) |
| #67696f |
rgb(103,105,111) |
hsl(227,4%,42%) |
| #5b5c62 |
rgb(91,92,98) |
hsl(227,4%,37%) |
| #4e5055 |
rgb(78,80,85) |
hsl(227,4%,32%) |
| #424348 |
rgb(66,67,72) |
hsl(227,4%,27%) |
| #36373a |
rgb(54,55,58) |
hsl(227,4%,22%) |
| #2a2a2d |
rgb(42,42,45) |
hsl(227,4%,17%) |
| #1d1e20 |
rgb(29,30,32) |
hsl(227,4%,12%) |
| #111113 |
rgb(17,17,19) |
hsl(227,4%,7%) |
| #050505 |
rgb(5,5,5) |
hsl(227,4%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677070 |
rgb(103,112,112) |
hsl(180,4%,42%) |
| #676970 |
rgb(103,105,112) |
hsl(227,4%,42%) |
| #6B6670 |
rgb(107,102,112) |
hsl(270,5%,42%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #898C92 |
rgb(137,140,146) |
hsl(220,4%,55%) |
| #777A81 |
rgb(119,122,129) |
hsl(222,4%,49%) |
| #676970 |
rgb(103,105,112) |
hsl(227,4%,42%) |
| #56595E |
rgb(86,89,94) |
hsl(218,4%,35%) |
| #46474C |
rgb(70,71,76) |
hsl(230,4%,29%) |
| #35363A |
rgb(53,54,58) |
hsl(228,5%,22%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #676970 |
rgb(103,105,112) |
hsl(227,4%,42%) |
| #706967 |
rgb(112,105,103) |
hsl(13,4%,42%) |
| #6D7067 |
rgb(109,112,103) |
hsl(80,4%,42%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #676970 |
rgb(103,105,112) |
hsl(227,4%,42%) |
| #706E67 |
rgb(112,110,103) |
hsl(47,4%,42%) |
| #676E70 |
rgb(103,110,112) |
hsl(193,4%,42%) |
| #6D7067 |
rgb(109,112,103) |
hsl(80,4%,42%) |
