Hex to Tailwind CSS

Paste any hex color to find its closest Tailwind class.

Full page for #6366F1

Your color

#6366F1

Tailwind matchExact

indigo-500

#6366F1

Quick copy

Usage examples

bg-indigo-500

Background

text-indigo-500

Text color

border-indigo-500

Border

ring-indigo-500

Ring

Alternative matches

Other Tailwind colors close to #6366F1.

Full Indigo palette

Every shade of indigo — click to copy the class.

Related

Full details for #6366F1 Browse all hex colors Tailwind color reference

Match any color to Tailwind

Pick any pixel on any page and get its closest Tailwind shade with SuperDev Pro.

Add to Chrome — Free