Convert #DD7C4B to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #DD7C4B
Your Color#DD7C4B
#DD7C4B
Tailwind Match#FB923C
orange-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-orange-400Background Preview
Text Color
text-orange-400Text Color Preview
Border
border-orange-400Border Preview
Ring/Outline
ring-orange-400Divide
divide-orange-400Placeholder
placeholder-orange-400Alternative Tailwind Colors
Other Tailwind colors close to #DD7C4B
orange-400#FB923CBest Matchred-400#F87171red-500#EF4444orange-500#F97316rose-400#FB7185rose-500#F43F5EFull 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