Consider the following jQuery code applied to an HTML page:

$(document).ready( function() {
   $("p").on({
      mouseenter: function() {
         $(this).css("background-color", "red"); },
      mouseleave: function() {
         $(this).css("background-color", "lightgreen"); },
      click: function() {
         $(this).css("background-color", "yellow"); }
   });
});

If the user clicks on a paragraph element and then doesn't move the mouse further, what will be the paragraph's background colour?