<div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #1E90FF;color:#202122;text-align:center;" title="#1E90FF"> </div> DEM: 4 seats</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #191970;color:#202122;text-align:center;" title="#191970"> </div> PDT: 2 seats</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #F00;color:#202122;text-align:center;" title="#F00"> </div> PT: 1 seat</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #008000;color:#202122;text-align:center;" title="#008000"> </div> PMDB: 1 seat</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #0FF;color:#202122;text-align:center;" title="#0FF"> </div> PRB: 1 seat</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #FF0;color:#202122;text-align:center;" title="#FF0"> </div> PSDB: 1 seat</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #00F;color:#202122;text-align:center;" title="#00F"> </div> PR: 1 seat</div><div class="legend" style="direction:ltr;line-height:23px;"><div class="legend-content" style="display:inline-block;vertical-align:top;box-sizing:border-box;width:34px;height:23px;overflow:hidden;font-size:15px;border:thin solid #333;background: #E32636;color:#202122;text-align:center;" title="#E32636"> </div> PSB: 1 seat</div>
Adriell
Own work  using: <a class="external text" href="https://tools.wmflabs.org/parliamentdiagram/parliamentinputform.html">Parliament diagram tool</a>