<a href="https://en.wikipedia.org/wiki/Enlargement_of_the_European_Union" class="extiw" title="en:Enlargement of the European Union">Enlargement of the European Union</a>
<h3><span class="mw-headline" id="Static_legend">Static legend</span></h3>
<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:#003399;color:#202122;text-align:center;"> </div> founding member</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:#0044CC;color:#202122;text-align:center;"> </div> joined 1973</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:#C20A85;color:#202122;text-align:center;"> </div> joined 1973, leaves 2019</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:#0055FF;color:#202122;text-align:center;"> </div> joined 1981</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:#1A66FF;color:#202122;text-align:center;"> </div> joined 1986</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:#003CB3;color:#202122;text-align:center;"> </div> joined 1990 by joining founding member</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:#3377FF;color:#202122;text-align:center;"> </div> joined 1995</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:#6699FF;color:#202122;text-align:center;"> </div> joined 2004</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:#80AAFF;color:#202122;text-align:center;"> </div> joined 2007</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:#99BBFF;color:#202122;text-align:center;"> </div> joined 2013</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:#BBFF99;color:#202122;text-align:center;"> </div> applicant</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:#99FF66;color:#202122;text-align:center;"> </div> candidate</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:#77FF33;color:#202122;text-align:center;"> </div> candidate in joining negotiations</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:#226600;color:#202122;text-align:center;"> </div> application frozen by candidate</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:#113300;color:#202122;text-align:center;"> </div> application withdrawn by candidate</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:gray;color:#202122;text-align:center;"> </div> other association</div>
<p>Former EC member areas and applicants (on the African continent) that have no chance of ever joining the EU are not highlighted in the static image.
</p>
<h3><span class="mw-headline" id="Animated_legend">Animated legend</span></h3>
<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:#003399;color:#202122;text-align:center;"> </div> Member</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:#a0e200;color:#202122;text-align:center;"> </div> Candidate</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:#ef9b0f;color:#202122;text-align:center;"> </div> Applicant</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:#ffcc00;color:#202122;text-align:center;"> </div> Negotiations</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:#957101;color:#202122;text-align:center;"> </div> Accession rejected, membership possible</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:#953e20;color:#202122;text-align:center;"> </div> Application withdrawn, membership possible</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:#553A26;color:#202122;text-align:center;"> </div> Application rejected, membership impossible</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:gray;color:#202122;text-align:center;"> </div> Associate</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:#C20A85;color:#202122;text-align:center;"> </div> Leaving member</div>
<a href="//commons.wikimedia.org/wiki/User:Crissov" title="User:Crissov">Crissov</a>
CC BY-SA 4.0
<span class="int-own-work" lang="en">Own work</span> This file was derived from: <a href="//commons.wikimedia.org/wiki/File:EU28-2013_European_Union_map_enlargement.svg" title="File:EU28-2013 European Union map enlargement.svg">EU28-2013 European Union map enlargement.svg</a><br>