The colors red, blue, and yellow are known as the primary colors because they cannot be made by mixing other colors. When you mix two primary colors, you get a secondary color, as shown here: when you ...

A secondary colour is a colour which is made from mixing two primary colours together. Lots of new and lovely colours can be made when you mix two colours together.

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.