Convert #F3EED8 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #F3EED8
Your Color#F3EED8
#F3EED8
Tailwind Match#FFEDD5
orange-100Quick Copy
Tailwind CSS Usage Examples
Background
bg-orange-100Background Preview
Text Color
text-orange-100Text Color Preview
Border
border-orange-100Border Preview
Ring/Outline
ring-orange-100Divide
divide-orange-100Placeholder
placeholder-orange-100Alternative Tailwind Colors
Other Tailwind colors close to #F3EED8
orange-100#FFEDD5Best Matchred-100#FEE2E2stone-200#E7E5E4lime-100#ECFCCBamber-100#FEF3C7rose-100#FFE4E6Full Orange Palette
All shades of orange in Tailwind CSS
50#FFF7ED
100#FFEDD5
200#FED7AA
300#FDBA74
400#FB923C
500#F97316
600#EA580C
700#C2410C
800#9A3412
900#7C2D12
950#431407