HEX #686B7A color — Shuttle Gray
The color #686B7A is a dark shade and desaturated.
Palette
686B7A color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(230,8%,99%) |
| #eeeff1 |
rgb(238,239,241) |
hsl(230,8%,94%) |
| #e1e1e5 |
rgb(225,225,229) |
hsl(230,8%,89%) |
| #d3d4d9 |
rgb(211,212,217) |
hsl(230,8%,84%) |
| #c5c7ce |
rgb(197,199,206) |
hsl(230,8%,79%) |
| #b7b9c2 |
rgb(183,185,194) |
hsl(230,8%,74%) |
| #aaacb6 |
rgb(170,172,182) |
hsl(230,8%,69%) |
| #9c9eab |
rgb(156,158,171) |
hsl(230,8%,64%) |
| #8e919f |
rgb(142,145,159) |
hsl(230,8%,59%) |
| #808393 |
rgb(128,131,147) |
hsl(230,8%,54%) |
| #737687 |
rgb(115,118,135) |
hsl(230,8%,49%) |
| #676a79 |
rgb(103,106,121) |
hsl(230,8%,44%) |
| #5b5e6b |
rgb(91,94,107) |
hsl(230,8%,39%) |
| #50525e |
rgb(80,82,94) |
hsl(230,8%,34%) |
| #444650 |
rgb(68,70,80) |
hsl(230,8%,29%) |
| #383a42 |
rgb(56,58,66) |
hsl(230,8%,24%) |
| #2d2e34 |
rgb(45,46,52) |
hsl(230,8%,19%) |
| #212227 |
rgb(33,34,39) |
hsl(230,8%,14%) |
| #151619 |
rgb(21,22,25) |
hsl(230,8%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(230,8%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #68787A |
rgb(104,120,122) |
hsl(187,8%,44%) |
| #686B7A |
rgb(104,107,122) |
hsl(230,8%,44%) |
| #71697A |
rgb(113,105,122) |
hsl(268,7%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8C8F9D |
rgb(140,143,157) |
hsl(229,8%,58%) |
| #797D8C |
rgb(121,125,140) |
hsl(227,8%,51%) |
| #686B7A |
rgb(104,107,122) |
hsl(230,8%,44%) |
| #575966 |
rgb(87,89,102) |
hsl(232,8%,37%) |
| #464A52 |
rgb(70,74,82) |
hsl(220,8%,30%) |
| #36383F |
rgb(54,56,63) |
hsl(227,8%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #686B7A |
rgb(104,107,122) |
hsl(230,8%,44%) |
| #7A6E68 |
rgb(122,110,104) |
hsl(20,8%,44%) |
| #747A68 |
rgb(116,122,104) |
hsl(80,8%,44%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #686B7A |
rgb(104,107,122) |
hsl(230,8%,44%) |
| #7A7868 |
rgb(122,120,104) |
hsl(53,8%,44%) |
| #68737A |
rgb(104,115,122) |
hsl(203,8%,44%) |
| #747A68 |
rgb(116,122,104) |
hsl(80,8%,44%) |
