Tailwind CSS Background Colors - Complete Reference with Examples

Tailwind CSS Background Colors

Complete reference for background color utilities with examples and best practices

Loading background color palettes...

How to Use Background Colors

Basic Background

bg-blue-500

With Opacity

bg-red-500/75

Hover States

hover:bg-green-600

Background Color Accessibility Guidelines

Light Backgrounds

Use darker text colors for contrast

Dark text on light background

Blue text for links

Dark Backgrounds

Use lighter text colors for contrast

Light text on dark background

Light blue for links