Convert #F5EADB to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #F5EADB
Your Color#F5EADB
#F5EADB
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 #F5EADB
orange-100#FFEDD5Best Matchred-100#FEE2E2rose-100#FFE4E6stone-200#E7E5E4neutral-200#E5E5E5zinc-200#E4E4E7Full 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