Convert #FDE7EE to Tailwind CSS

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

Your Color#FDE7EE
#FDE7EE
Tailwind Match#FCE7F3
pink-100

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-100
Background Preview

Text Color

text-pink-100

Text Color Preview

Border

border-pink-100
Border Preview

Ring/Outline

ring-pink-100

Divide

divide-pink-100

Placeholder

placeholder-pink-100

Alternative Tailwind Colors

Other Tailwind colors close to #FDE7EE

pink-100#FCE7F3Best Match
Copy
rose-100#FFE4E6
Copy
rose-50#FFF1F2
Copy
red-50#FEF2F2
Copy
red-100#FEE2E2
Copy
pink-50#FDF2F8
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 #FDE7EEBrowse all hex colorsExplore color palettes