<svg width="800" height="500">
<rect x="0" y="0" width="800" height="500" fill="hsl(200,30%,30%)"></rect>
<circle cx="133" cy="125" r="90" fill="hsla(10,100%,80%,0.5)" stroke="hsla(0,50%,70%,0.5)" stroke-width="50"></circle>
<circle cx="399" cy="125" r="90" fill="hsla(40,100%,80%,0.5)" stroke="hsla(40,50%,70%,0.5)" stroke-width="50"></circle>
<circle cx="665" cy="125" r="90" fill="hsla(70,100%,80%,0.5)" stroke="hsla(80,50%,70%,0.5)" stroke-width="50"></circle>
<circle cx="266" cy="250" r="90" fill="hsla(100,100%,80%,0.5)" stroke="hsla(120,50%,70%,0.5)" stroke-width="50"></circle>
<circle cx="532" cy="250" r="90" fill="hsla(130,100%,80%,0.5)" stroke="hsla(160,50%,70%,0.5)" stroke-width="50"></circle>
<circle cx="399" cy="375" r="90" fill="hsla(160,100%,80%,0.5)" stroke="hsla(200,50%,70%,0.5)" stroke-width="50"></circle>
</svg>