Convert #E74F04 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #E74F04
Your Color#E74F04
#E74F04
Tailwind Match#EA580C
orange-600Quick Copy
Tailwind CSS Usage Examples
Background
bg-orange-600Background Preview
Text Color
text-orange-600Text Color Preview
Border
border-orange-600Border Preview
Ring/Outline
ring-orange-600Divide
divide-orange-600Placeholder
placeholder-orange-600Alternative Tailwind Colors
Other Tailwind colors close to #E74F04
orange-600#EA580CBest Matchorange-700#C2410Camber-600#D97706orange-500#F97316amber-700#B45309red-600#DC2626Full 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