HEX #677A7D color — Sirocco
The color #677A7D is a dark shade and desaturated.
Palette
677A7D color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f3f4 |
rgb(241,243,244) |
hsl(188,10%,95%) |
| #e3e7e8 |
rgb(227,231,232) |
hsl(188,10%,90%) |
| #d5dcdd |
rgb(213,220,221) |
hsl(188,10%,85%) |
| #c7d0d1 |
rgb(199,208,209) |
hsl(188,10%,80%) |
| #b9c4c6 |
rgb(185,196,198) |
hsl(188,10%,75%) |
| #abb8ba |
rgb(171,184,186) |
hsl(188,10%,70%) |
| #9dacaf |
rgb(157,172,175) |
hsl(188,10%,65%) |
| #8fa0a3 |
rgb(143,160,163) |
hsl(188,10%,60%) |
| #819598 |
rgb(129,149,152) |
hsl(188,10%,55%) |
| #73898c |
rgb(115,137,140) |
hsl(188,10%,50%) |
| #677b7e |
rgb(103,123,126) |
hsl(188,10%,45%) |
| #5c6d70 |
rgb(92,109,112) |
hsl(188,10%,40%) |
| #506062 |
rgb(80,96,98) |
hsl(188,10%,35%) |
| #455254 |
rgb(69,82,84) |
hsl(188,10%,30%) |
| #394446 |
rgb(57,68,70) |
hsl(188,10%,25%) |
| #2e3738 |
rgb(46,55,56) |
hsl(188,10%,20%) |
| #22292a |
rgb(34,41,42) |
hsl(188,10%,15%) |
| #171b1c |
rgb(23,27,28) |
hsl(188,10%,10%) |
| #0b0e0e |
rgb(11,14,14) |
hsl(188,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #677D71 |
rgb(103,125,113) |
hsl(147,10%,45%) |
| #677A7D |
rgb(103,122,125) |
hsl(188,10%,45%) |
| #676B7D |
rgb(103,107,125) |
hsl(229,10%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8C9EA0 |
rgb(140,158,160) |
hsl(186,10%,59%) |
| #788C90 |
rgb(120,140,144) |
hsl(190,10%,52%) |
| #677A7D |
rgb(103,122,125) |
hsl(188,10%,45%) |
| #566669 |
rgb(86,102,105) |
hsl(189,10%,37%) |
| #465455 |
rgb(70,84,85) |
hsl(184,10%,30%) |
| #354041 |
rgb(53,64,65) |
hsl(185,10%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #677A7D |
rgb(103,122,125) |
hsl(188,10%,45%) |
| #7D666F |
rgb(125,102,111) |
hsl(337,10%,45%) |
| #7D7567 |
rgb(125,117,103) |
hsl(38,10%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #677A7D |
rgb(103,122,125) |
hsl(188,10%,45%) |
| #7D6B67 |
rgb(125,107,103) |
hsl(11,10%,45%) |
| #677D75 |
rgb(103,125,117) |
hsl(158,10%,45%) |
| #7D7567 |
rgb(125,117,103) |
hsl(38,10%,45%) |
