Convert #F8E8E7 to Tailwind CSS

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

Your Color#F8E8E7
#F8E8E7
Tailwind Match#FFE4E6
rose-100

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-100
Background Preview

Text Color

text-rose-100

Text Color Preview

Border

border-rose-100
Border Preview

Ring/Outline

ring-rose-100

Divide

divide-rose-100

Placeholder

placeholder-rose-100

Alternative Tailwind Colors

Other Tailwind colors close to #F8E8E7

rose-100#FFE4E6Best Match
Copy
red-100#FEE2E2
Copy
pink-100#FCE7F3
Copy
rose-50#FFF1F2
Copy
red-50#FEF2F2
Copy
stone-200#E7E5E4
Copy

Full 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

Related Resources

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