Convert #BE58F9 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #BE58F9

Your Color#BE58F9
#BE58F9
Tailwind Match#A855F7
purple-500

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-500
Background Preview

Text Color

text-purple-500

Text Color Preview

Border

border-purple-500
Border Preview

Ring/Outline

ring-purple-500

Divide

divide-purple-500

Placeholder

placeholder-purple-500

Alternative Tailwind Colors

Other Tailwind colors close to #BE58F9

purple-500#A855F7Best Match
Copy
fuchsia-500#D946EF
Copy
purple-400#C084FC
Copy
violet-500#8B5CF6
Copy
fuchsia-400#E879F9
Copy
violet-400#A78BFA
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 #BE58F9Browse all hex colorsExplore color palettes