Цветной задний фон 2 варианта:
1. Картинка круг с секторами
2. Нарисовать на css 31 квадрат повернуть их через rotate в абсолютном позиционировании. Поместить эти квадраты внутрь блока с заданными width и height и с overflow: hidden. Добавить блоку обёртки border-radius: 50% и всё.
Все числа абсолютным позиционированием, не забыть про z-index.