bg-green-500

The bg-green-500 class belongs to the background color group within the backgrounds category.

Example Usage

Here is an example of how to use bg-green-500:

<div class="bg-green-500 w-32 h-32 rounded-xl"></div>

Resulting CSS

--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));

Other Background color Classes

bg-amber-100bg-amber-200bg-amber-300bg-amber-400bg-amber-50bg-amber-500bg-amber-600bg-amber-700bg-amber-800bg-amber-900bg-amber-950bg-blackbg-blue-100bg-blue-200bg-blue-300bg-blue-400
View other Backgrounds classesView all Background color classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!