Convert #4E2F6A to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #4E2F6A

Your Color#4E2F6A
#4E2F6A
Tailwind Match#581C87
purple-900

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-900
Background Preview

Text Color

text-purple-900

Text Color Preview

Border

border-purple-900
Border Preview

Ring/Outline

ring-purple-900

Divide

divide-purple-900

Placeholder

placeholder-purple-900

Alternative Tailwind Colors

Other Tailwind colors close to #4E2F6A

purple-900#581C87Best Match
Copy
indigo-900#312E81
Copy
zinc-600#52525B
Copy
gray-700#374151
Copy
slate-600#475569
Copy
slate-700#334155
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