Cómo crear un círculo con cuatro cuartos [duplicado]

Esta pregunta ya tiene una respuesta aquí:

CSS: círculo con cuatro colores y solo un div 3 respuestas

¿Es posible crear un círculo usando solo CSS con cuatro cuartos?

No puedo ir más allá de:

.circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  colour: red;
}
<div class="circle">&nbsp;</div>