Convert #BE89E6 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #BE89E6
Your Color#BE89E6
#BE89E6
Tailwind Match#C084FC
purple-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-purple-400Background Preview
Text Color
text-purple-400Text Color Preview
Border
border-purple-400Border Preview
Ring/Outline
ring-purple-400Divide
divide-purple-400Placeholder
placeholder-purple-400Alternative Tailwind Colors
Other Tailwind colors close to #BE89E6
purple-400#C084FCBest Matchviolet-400#A78BFAfuchsia-400#E879F9violet-300#C4B5FDindigo-300#A5B4FCpurple-300#D8B4FEFull 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