When we mix two primary colours together, we create a new colour. This is known as a secondary colour. Learn all about mixing colours with Cal and Bunny. Cal: Yeah I could give that a go.

Use bg-red-500 bg-mix-black bg-mix-amount-50 to partially overlay black over the red-500 shade. This is achieved with native CSS color-mix, so all colors in the palette can be mixed with each other.