Convert #F4E7E7 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #F4E7E7
Your Color#F4E7E7
#F4E7E7
Tailwind Match#FFE4E6
rose-100Quick Copy
Tailwind CSS Usage Examples
Background
bg-rose-100Background Preview
Text Color
text-rose-100Text Color Preview
Border
border-rose-100Border Preview
Ring/Outline
ring-rose-100Divide
divide-rose-100Placeholder
placeholder-rose-100Alternative Tailwind Colors
Other Tailwind colors close to #F4E7E7
rose-100#FFE4E6Best Matchred-100#FEE2E2stone-200#E7E5E4pink-100#FCE7F3neutral-200#E5E5E5gray-200#E5E7EBFull Rose Palette
All shades of rose in Tailwind CSS
50#FFF1F2
100#FFE4E6
200#FECDD3
300#FDA4AF
400#FB7185
500#F43F5E
600#E11D48
700#BE123C
800#9F1239
900#881337
950#4C0519