Convert #F4F1DC to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #F4F1DC
Your Color#F4F1DC
#F4F1DC
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 #F4F1DC
orange-100#FFEDD5Best Matchlime-50#F7FEE7red-100#FEE2E2yellow-50#FEFCE8stone-200#E7E5E4rose-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