Convert #F1D0E9 to Tailwind CSS

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

Your Color#F1D0E9
#F1D0E9
Tailwind Match#FBCFE8
pink-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-200
Background Preview

Text Color

text-pink-200

Text Color Preview

Border

border-pink-200
Border Preview

Ring/Outline

ring-pink-200

Divide

divide-pink-200

Placeholder

placeholder-pink-200

Alternative Tailwind Colors

Other Tailwind colors close to #F1D0E9

pink-200#FBCFE8Best Match
Copy
fuchsia-200#F5D0FE
Copy
red-100#FEE2E2
Copy
stone-200#E7E5E4
Copy
zinc-200#E4E4E7
Copy
purple-200#E9D5FF
Copy

Full Pink Palette

All shades of pink in Tailwind CSS

50#FDF2F8
100#FCE7F3
200#FBCFE8
300#F9A8D4
400#F472B6
500#EC4899
600#DB2777
700#BE185D
800#9D174D
900#831843
950#500724

Related Resources

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