Tailwind Demo
Tailwind Code
Output
<!DOCTYPE html> <html> <head> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <h1 class="text-red-700 text-xl mx-20 font-bold "> Tailwind bg color - Arbitrary </h1> <div class="flex flex-5 mx-8 mt-10 justify-between gap-2"> <div class="max-w-xs w-96"> <p class="bg-[#408080] mb-5 h-10 w-40 text-orange-100 text-center">bg-[#408080]</p> <p class="bg-[#800000] mb-5 h-10 w-60 text-orange-100 text-center">bg-[#800000] </p> <p class="bg-[#CC6600] mb-5 h-10 w-[16rem] text-white text-center">bg-[#CC6600]</p> <p class="bg-[#00B700] mb-5 h-10 w-90 text-orange-100 text-center">bg-[#00B700] </p> <p class="bg-[#000080] mb-5 h-10 w-[27rem] text-black-100 text-center text-white">bg-[#000080]</p> </div> </body> </html>
Tailwind bg color - Arbitrary
bg-[#408080]
bg-[#800000]
bg-[#CC6600]
bg-[#00B700]
bg-[#000080]