Convert #FEF0FF to Tailwind CSS

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

Your Color#FEF0FF
#FEF0FF
Tailwind Match#FDF4FF
fuchsia-50

Quick Copy

Tailwind CSS Usage Examples

Background

bg-fuchsia-50
Background Preview

Text Color

text-fuchsia-50

Text Color Preview

Border

border-fuchsia-50
Border Preview

Ring/Outline

ring-fuchsia-50

Divide

divide-fuchsia-50

Placeholder

placeholder-fuchsia-50

Alternative Tailwind Colors

Other Tailwind colors close to #FEF0FF

fuchsia-50#FDF4FFBest Match
Copy
purple-50#FAF5FF
Copy
pink-50#FDF2F8
Copy
fuchsia-100#FAE8FF
Copy
violet-50#F5F3FF
Copy
gray-50#F9FAFB
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 #FEF0FFBrowse all hex colorsExplore color palettes