Convert #8546B9 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #8546B9

Your Color#8546B9
#8546B9
Tailwind Match#7E22CE
purple-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-700
Background Preview

Text Color

text-purple-700

Text Color Preview

Border

border-purple-700
Border Preview

Ring/Outline

ring-purple-700

Divide

divide-purple-700

Placeholder

placeholder-purple-700

Alternative Tailwind Colors

Other Tailwind colors close to #8546B9

purple-700#7E22CEBest Match
Copy
purple-800#6B21A8
Copy
violet-700#6D28D9
Copy
fuchsia-700#A21CAF
Copy
violet-600#7C3AED
Copy
purple-600#9333EA
Copy

Full Purple Palette

All shades of purple in Tailwind CSS

50#FAF5FF
100#F3E8FF
200#E9D5FF
300#D8B4FE
400#C084FC
500#A855F7
600#9333EA
700#7E22CE
800#6B21A8
900#581C87
950#3B0764

Related Resources

View full color details for #8546B9Browse all hex colorsExplore color palettes