Convert #7D35B1 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #7D35B1
Your Color#7D35B1
#7D35B1
Tailwind Match#6B21A8
purple-800Quick Copy
Tailwind CSS Usage Examples
Background
bg-purple-800Background Preview
Text Color
text-purple-800Text Color Preview
Border
border-purple-800Border Preview
Ring/Outline
ring-purple-800Divide
divide-purple-800Placeholder
placeholder-purple-800Alternative Tailwind Colors
Other Tailwind colors close to #7D35B1
purple-800#6B21A8Best Matchpurple-700#7E22CEviolet-800#5B21B6fuchsia-700#A21CAFfuchsia-800#86198Fviolet-700#6D28D9Full 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