Convert #F1BEF8 to Tailwind CSS

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

Your Color#F1BEF8
#F1BEF8
Tailwind Match#F5D0FE
fuchsia-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-fuchsia-200
Background Preview

Text Color

text-fuchsia-200

Text Color Preview

Border

border-fuchsia-200
Border Preview

Ring/Outline

ring-fuchsia-200

Divide

divide-fuchsia-200

Placeholder

placeholder-fuchsia-200

Alternative Tailwind Colors

Other Tailwind colors close to #F1BEF8

fuchsia-200#F5D0FEBest Match
Copy
fuchsia-300#F0ABFC
Copy
purple-200#E9D5FF
Copy
pink-200#FBCFE8
Copy
purple-300#D8B4FE
Copy
violet-200#DDD6FE
Copy

Full Fuchsia Palette

All shades of fuchsia in Tailwind CSS

50#FDF4FF
100#FAE8FF
200#F5D0FE
300#F0ABFC
400#E879F9
500#D946EF
600#C026D3
700#A21CAF
800#86198F
900#701A75
950#4A044E

Related Resources

View full color details for #F1BEF8Browse all hex colorsExplore color palettes