HEX #677A76 color — Sirocco
The color #677A76 is a dark shade and desaturated.
Palette
677A76 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(167,8%,99%) |
| #eef1f0 |
rgb(238,241,240) |
hsl(167,8%,94%) |
| #e1e5e4 |
rgb(225,229,228) |
hsl(167,8%,89%) |
| #d3d9d8 |
rgb(211,217,216) |
hsl(167,8%,84%) |
| #c5cecc |
rgb(197,206,204) |
hsl(167,8%,79%) |
| #b7c2c0 |
rgb(183,194,192) |
hsl(167,8%,74%) |
| #aab6b4 |
rgb(170,182,180) |
hsl(167,8%,69%) |
| #9caba7 |
rgb(156,171,167) |
hsl(167,8%,64%) |
| #8e9f9b |
rgb(142,159,155) |
hsl(167,8%,59%) |
| #80938f |
rgb(128,147,143) |
hsl(167,8%,54%) |
| #738783 |
rgb(115,135,131) |
hsl(167,8%,49%) |
| #677975 |
rgb(103,121,117) |
hsl(167,8%,44%) |
| #5b6b68 |
rgb(91,107,104) |
hsl(167,8%,39%) |
| #505e5b |
rgb(80,94,91) |
hsl(167,8%,34%) |
| #44504d |
rgb(68,80,77) |
hsl(167,8%,29%) |
| #384240 |
rgb(56,66,64) |
hsl(167,8%,24%) |
| #2d3433 |
rgb(45,52,51) |
hsl(167,8%,19%) |
| #212725 |
rgb(33,39,37) |
hsl(167,8%,14%) |
| #151918 |
rgb(21,25,24) |
hsl(167,8%,9%) |
| #090b0b |
rgb(9,11,11) |
hsl(167,8%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677A69 |
rgb(103,122,105) |
hsl(126,8%,44%) |
| #677A76 |
rgb(103,122,118) |
hsl(167,8%,44%) |
| #67707A |
rgb(103,112,122) |
hsl(212,8%,44%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8B9E99 |
rgb(139,158,153) |
hsl(164,9%,58%) |
| #778C88 |
rgb(119,140,136) |
hsl(169,8%,51%) |
| #677A76 |
rgb(103,122,118) |
hsl(167,8%,44%) |
| #566663 |
rgb(86,102,99) |
hsl(169,9%,37%) |
| #465450 |
rgb(70,84,80) |
hsl(163,9%,30%) |
| #35403D |
rgb(53,64,61) |
hsl(164,9%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #677A76 |
rgb(103,122,118) |
hsl(167,8%,44%) |
| #7A6674 |
rgb(122,102,116) |
hsl(318,9%,44%) |
| #7A6E67 |
rgb(122,110,103) |
hsl(22,8%,44%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #677A76 |
rgb(103,122,118) |
hsl(167,8%,44%) |
| #7A666B |
rgb(122,102,107) |
hsl(345,9%,44%) |
| #677A6C |
rgb(103,122,108) |
hsl(136,8%,44%) |
| #7A6E67 |
rgb(122,110,103) |
hsl(22,8%,44%) |
