HEX #676B78 color — Shuttle Gray
The color #676B78 is a dark shade and desaturated.
Palette
676B78 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(226,8%,99%) |
| #eeeff1 |
rgb(238,239,241) |
hsl(226,8%,94%) |
| #e1e2e5 |
rgb(225,226,229) |
hsl(226,8%,89%) |
| #d3d4d9 |
rgb(211,212,217) |
hsl(226,8%,84%) |
| #c5c7ce |
rgb(197,199,206) |
hsl(226,8%,79%) |
| #b7bac2 |
rgb(183,186,194) |
hsl(226,8%,74%) |
| #aaadb6 |
rgb(170,173,182) |
hsl(226,8%,69%) |
| #9c9fab |
rgb(156,159,171) |
hsl(226,8%,64%) |
| #8e929f |
rgb(142,146,159) |
hsl(226,8%,59%) |
| #808593 |
rgb(128,133,147) |
hsl(226,8%,54%) |
| #737887 |
rgb(115,120,135) |
hsl(226,8%,49%) |
| #676b79 |
rgb(103,107,121) |
hsl(226,8%,44%) |
| #5b5f6b |
rgb(91,95,107) |
hsl(226,8%,39%) |
| #50535e |
rgb(80,83,94) |
hsl(226,8%,34%) |
| #444750 |
rgb(68,71,80) |
hsl(226,8%,29%) |
| #383b42 |
rgb(56,59,66) |
hsl(226,8%,24%) |
| #2d2e34 |
rgb(45,46,52) |
hsl(226,8%,19%) |
| #212227 |
rgb(33,34,39) |
hsl(226,8%,14%) |
| #151619 |
rgb(21,22,25) |
hsl(226,8%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(226,8%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677578 |
rgb(103,117,120) |
hsl(191,8%,44%) |
| #676B78 |
rgb(103,107,120) |
hsl(226,8%,44%) |
| #6E6678 |
rgb(110,102,120) |
hsl(267,8%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8A8F9B |
rgb(138,143,155) |
hsl(222,8%,57%) |
| #777D8A |
rgb(119,125,138) |
hsl(221,8%,50%) |
| #676B78 |
rgb(103,107,120) |
hsl(226,8%,44%) |
| #565964 |
rgb(86,89,100) |
hsl(227,8%,36%) |
| #464A51 |
rgb(70,74,81) |
hsl(218,7%,30%) |
| #35383E |
rgb(53,56,62) |
hsl(220,8%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #676B78 |
rgb(103,107,120) |
hsl(226,8%,44%) |
| #786B67 |
rgb(120,107,103) |
hsl(14,8%,44%) |
| #737867 |
rgb(115,120,103) |
hsl(78,8%,44%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #676B78 |
rgb(103,107,120) |
hsl(226,8%,44%) |
| #787367 |
rgb(120,115,103) |
hsl(42,8%,44%) |
| #677378 |
rgb(103,115,120) |
hsl(198,8%,44%) |
| #737867 |
rgb(115,120,103) |
hsl(78,8%,44%) |
