HEX #686C60 color — Siam
The color #686c60 is a dark shade and desaturated.
Palette
686c60 color palette from light to dark
HEX |
RGB |
HSL |
#f3f3f1 |
rgb(243,243,241) |
hsl(80,6%,95%) |
#e6e7e4 |
rgb(230,231,228) |
hsl(80,6%,90%) |
#dadbd6 |
rgb(218,219,214) |
hsl(80,6%,85%) |
#cdcfc9 |
rgb(205,207,201) |
hsl(80,6%,80%) |
#c1c3bb |
rgb(193,195,187) |
hsl(80,6%,75%) |
#b4b7ae |
rgb(180,183,174) |
hsl(80,6%,70%) |
#a8aba0 |
rgb(168,171,160) |
hsl(80,6%,65%) |
#9b9f93 |
rgb(155,159,147) |
hsl(80,6%,60%) |
#8f9385 |
rgb(143,147,133) |
hsl(80,6%,55%) |
#828778 |
rgb(130,135,120) |
hsl(80,6%,50%) |
#757a6c |
rgb(117,122,108) |
hsl(80,6%,45%) |
#686c60 |
rgb(104,108,96) |
hsl(80,6%,40%) |
#5b5f54 |
rgb(91,95,84) |
hsl(80,6%,35%) |
#4e5148 |
rgb(78,81,72) |
hsl(80,6%,30%) |
#41443c |
rgb(65,68,60) |
hsl(80,6%,25%) |
#343630 |
rgb(52,54,48) |
hsl(80,6%,20%) |
#272924 |
rgb(39,41,36) |
hsl(80,6%,15%) |
#1a1b18 |
rgb(26,27,24) |
hsl(80,6%,10%) |
#0d0e0c |
rgb(13,14,12) |
hsl(80,6%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#6C6960 |
rgb(108,105,96) |
hsl(45,6%,40%) |
#686C60 |
rgb(104,108,96) |
hsl(80,6%,40%) |
#606B60 |
rgb(96,107,96) |
hsl(120,5%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#898F7F |
rgb(137,143,127) |
hsl(83,7%,53%) |
#787D6F |
rgb(120,125,111) |
hsl(81,6%,46%) |
#686C60 |
rgb(104,108,96) |
hsl(80,6%,40%) |
#575C50 |
rgb(87,92,80) |
hsl(85,7%,34%) |
#464A41 |
rgb(70,74,65) |
hsl(87,6%,27%) |
#363831 |
rgb(54,56,49) |
hsl(77,7%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#686C60 |
rgb(104,108,96) |
hsl(80,6%,40%) |
#60616C |
rgb(96,97,108) |
hsl(235,6%,40%) |
#6A616C |
rgb(106,97,108) |
hsl(289,5%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#686C60 |
rgb(104,108,96) |
hsl(80,6%,40%) |
#64616C |
rgb(100,97,108) |
hsl(256,5%,40%) |
#6C6B60 |
rgb(108,107,96) |
hsl(55,6%,40%) |
#6A616C |
rgb(106,97,108) |
hsl(289,5%,40%) |