В чём разница между background и background-color?
CSS свойство background – это просто сокращение, позволяющее одним значением установить сразу несколько из свойств background-*:background-clip		 background-color	 background-image	 background-origin	 background-position	 background-repeat	 background-size		 background-attachment
Указанные значения (в любом порядке) устанавливают свойства точно так же, как и отдельные инструкции. Не указанные сохраняют значения по умолчанию.
Таким образом, background: #F90 полностью эквивалентен background-color: #F90
Например, background: #F90 url(fon.jpg) repeat-x равен background-color: #F90;
background-image: url(fon.jpg);
background-repeat: repeat-x;Цвета – разные цветовые модели бывают удобны для разных задач. Например, в модели HSL легко «гасить» свет, изменяя только его компоненту L (яркость), или только уменьшая насыщенность S. Или получить палитру из  нескольких цветов, одинаково ярких-сочных, но равномерно разбросанных по кругу оттенков, равномерно раскидав их H по цветовому кругу, а S и L оставив одинаковыми.
В background может входить много чего, в т.ч. цвет.
Насколько помню background-color может переопределить background.