Convert #EBD9F7 to Tailwind CSS

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

Your Color#EBD9F7
#EBD9F7
Tailwind Match#E9D5FF
purple-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-200
Background Preview

Text Color

text-purple-200

Text Color Preview

Border

border-purple-200
Border Preview

Ring/Outline

ring-purple-200

Divide

divide-purple-200

Placeholder

placeholder-purple-200

Alternative Tailwind Colors

Other Tailwind colors close to #EBD9F7

purple-200#E9D5FFBest Match
Copy
fuchsia-200#F5D0FE
Copy
violet-200#DDD6FE
Copy
violet-100#EDE9FE
Copy
purple-100#F3E8FF
Copy
slate-200#E2E8F0
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