Background Blend Mode

Utilities for controlling how an element's background image blends with its background color.

Class	CSS Output
`bg-blend-color-dodge`	`background-blend-mode: color-dodge;`
`bg-blend-overlay`	`background-blend-mode: overlay;`
`bg-blend-darken`	`background-blend-mode: darken;`
`bg-blend-normal`	`background-blend-mode: normal;`
`bg-blend-multiply`	`background-blend-mode: multiply;`
`bg-blend-color`	`background-blend-mode: color;`
`bg-blend-luminosity`	`background-blend-mode: luminosity;`
`bg-blend-screen`	`background-blend-mode: screen;`
`bg-blend-lighten`	`background-blend-mode: lighten;`
`bg-blend-hard-light`	`background-blend-mode: hard-light;`

Reference

MDN ↗