Convert #734794 to Tailwind CSS

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

Your Color#734794
#734794
Tailwind Match#6B21A8
purple-800

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-800
Background Preview

Text Color

text-purple-800

Text Color Preview

Border

border-purple-800
Border Preview

Ring/Outline

ring-purple-800

Divide

divide-purple-800

Placeholder

placeholder-purple-800

Alternative Tailwind Colors

Other Tailwind colors close to #734794

purple-800#6B21A8Best Match
Copy
gray-500#6B7280
Copy
slate-500#64748B
Copy
zinc-500#71717A
Copy
fuchsia-800#86198F
Copy
purple-900#581C87
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 #734794Browse all hex colorsExplore color palettes