Image overlay

An overlay is a semi-transparent layer of color placed over an image.

Its most common use is to make text readable. In the example, "Fresh perspective" is hard to read on the plain photo, and clear on the version with a dark blue overlay.

Overlays can also make an image less prominent so other content stands out. Pro tip: after adding an overlay, check the text contrast on the darkest and lightest parts of the image.