#C7AEE0 to Tailwind CSS

The closest Tailwind class for #C7AEE0 is violet-300.

Your color

#C7AEE0

#C7AEE0

Tailwind match

violet-300

#C4B5FD

Quick copy

Usage examples

bg-violet-300

Background

text-violet-300

Text color

border-violet-300

Border

ring-violet-300

Ring

Alternative matches

Other Tailwind colors close to #C7AEE0.

Full Violet palette

Every shade of violet — click to copy the class.

Related

Full details for #C7AEE0 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