HEX #696C77 color — Shuttle Gray
The color #696C77 is a dark shade and desaturated.
Palette
696C77 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(227,6%,99%) |
#efeff1 |
rgb(239,239,241) |
hsl(227,6%,94%) |
#e1e2e5 |
rgb(225,226,229) |
hsl(227,6%,89%) |
#d4d5d9 |
rgb(212,213,217) |
hsl(227,6%,84%) |
#c6c8cd |
rgb(198,200,205) |
hsl(227,6%,79%) |
#b9bac1 |
rgb(185,186,193) |
hsl(227,6%,74%) |
#abadb5 |
rgb(171,173,181) |
hsl(227,6%,69%) |
#9ea0a9 |
rgb(158,160,169) |
hsl(227,6%,64%) |
#90939d |
rgb(144,147,157) |
hsl(227,6%,59%) |
#838691 |
rgb(131,134,145) |
hsl(227,6%,54%) |
#757984 |
rgb(117,121,132) |
hsl(227,6%,49%) |
#696c77 |
rgb(105,108,119) |
hsl(227,6%,44%) |
#5d6069 |
rgb(93,96,105) |
hsl(227,6%,39%) |
#51545c |
rgb(81,84,92) |
hsl(227,6%,34%) |
#46474e |
rgb(70,71,78) |
hsl(227,6%,29%) |
#3a3b41 |
rgb(58,59,65) |
hsl(227,6%,24%) |
#2e2f33 |
rgb(46,47,51) |
hsl(227,6%,19%) |
#222226 |
rgb(34,34,38) |
hsl(227,6%,14%) |
#161618 |
rgb(22,22,24) |
hsl(227,6%,9%) |
#0a0a0b |
rgb(10,10,11) |
hsl(227,6%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#697577 |
rgb(105,117,119) |
hsl(189,6%,44%) |
#696C77 |
rgb(105,108,119) |
hsl(227,6%,44%) |
#6F6977 |
rgb(111,105,119) |
hsl(266,6%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8D8F9A |
rgb(141,143,154) |
hsl(231,6%,58%) |
#7A7D89 |
rgb(122,125,137) |
hsl(228,6%,51%) |
#696C77 |
rgb(105,108,119) |
hsl(227,6%,44%) |
#585C63 |
rgb(88,92,99) |
hsl(218,6%,37%) |
#474A50 |
rgb(71,74,80) |
hsl(220,6%,30%) |
#36383D |
rgb(54,56,61) |
hsl(223,6%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#696C77 |
rgb(105,108,119) |
hsl(227,6%,44%) |
#776E69 |
rgb(119,110,105) |
hsl(21,6%,44%) |
#737869 |
rgb(115,120,105) |
hsl(80,7%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#696C77 |
rgb(105,108,119) |
hsl(227,6%,44%) |
#777369 |
rgb(119,115,105) |
hsl(43,6%,44%) |
#697377 |
rgb(105,115,119) |
hsl(197,6%,44%) |
#737869 |
rgb(115,120,105) |
hsl(80,7%,44%) |