Which utility class is used to set the background color in Tailwind CSS?

In Tailwind CSS, the utility class used to set the background color is bg-{color}.

Here's how you use it:

1. First, you need to specify the bg prefix which stands for background.
2. Then, you add a dash -.
3. After the dash, you specify the color you want. Tailwind has a predefined list of color names you can use like red, blue, green, yellow, etc.

For example, if you want to set the background color to red, you would use the utility class bg-red.

You can also specify shades of a color by adding a number after the color name. For example, bg-red-500 would give you a medium shade of red. The number ranges from 100 (lightest shade) to 900 (darkest shade).

So, if you want a light red background, you would use bg-red-100. For a dark red background, you would use bg-red-900.

Remember to add this class to the HTML element you want to change the background color of. For example, <div class="bg-red-500">This div has a red background</div>.