Convert #AB46E2 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #AB46E2
Your Color#AB46E2
#AB46E2
Tailwind Match#A855F7
purple-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-purple-500Background Preview
Text Color
text-purple-500Text Color Preview
Border
border-purple-500Border Preview
Ring/Outline
ring-purple-500Divide
divide-purple-500Placeholder
placeholder-purple-500Alternative Tailwind Colors
Other Tailwind colors close to #AB46E2
purple-500#A855F7Best Matchpurple-600#9333EAfuchsia-600#C026D3violet-500#8B5CF6fuchsia-500#D946EFviolet-600#7C3AEDFull 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