| Tailwind | CSS (hex) | Color |
|---|---|---|
| text-red-100 | color: #fee2e2; | COLOR |
| text-red-200 | color: #fecaca; | COLOR |
| text-red-300 | color: #fca5a5; | COLOR |
| text-red-400 | color: #f87171; | COLOR |
| text-red-500 | color: #ef4444; | COLOR |
| text-red-600 | color: #dc2626; | COLOR |
| text-red-700 | color: #b91c1c; | COLOR |
| text-red-800 | color: #991b1b; | COLOR |
| text-red-900 | color: #7f1d1d; | COLOR |
| text-blue-100 | color: #dbeafe; | COLOR |
| text-blue-200 | color: #bfdbfe; | COLOR |
| text-blue-300 | color: #93c5fd; | COLOR |
| text-blue-400 | color: #60a5fa; | COLOR |
| text-blue-500 | color: #3b82f6; | COLOR |
| text-blue-600 | color: #2563eb; | COLOR |
| text-blue-700 | color: #1d4ed8; | COLOR |
| text-blue-800 | color: #1e40af; | COLOR |
| text-blue-900 | color: #1e3a8a; | COLOR |
| text-green-100 | color: #d1fae5; | COLOR |
| text-green-200 | color: #a7f3d0; | COLOR |
| text-green-300 | color: #6ee7b7; | COLOR |
| text-green-400 | color: #34d399; | COLOR |
| text-green-500 | color: #10b981; | COLOR |
| text-green-600 | color: #059669; | COLOR |
| text-green-700 | color: #047857; | COLOR |
| text-green-800 | color: #065f46; | COLOR |
| text-green-900 | color: #064e3b; | COLOR |
| text-yellow-100 | color: #fef9c3; | COLOR |
| text-yellow-200 | color: #fef08a; | COLOR |
| text-yellow-300 | color: #fde047; | COLOR |
| text-yellow-400 | color: #facc15; | COLOR |
| text-yellow-500 | color: #eab308; | COLOR |
| text-yellow-600 | color: #ca8a04; | COLOR |
| text-yellow-700 | color: #a16207; | COLOR |
| text-yellow-800 | color: #854d0e; | COLOR |
| text-yellow-900 | color: #713f12; | COLOR |
| text-purple-100 | color: #f3e8ff; | COLOR |
| text-purple-200 | color: #e9d5ff; | COLOR |
| text-purple-300 | color: #d8b4fe; | COLOR |
| text-purple-400 | color: #c084fc; | COLOR |
| text-purple-500 | color: #a855f7; | COLOR |
| text-purple-600 | color: #9333ea; | COLOR |
| text-purple-700 | color: #7e22ce; | COLOR |
| text-purple-800 | color: #6b21a8; | COLOR |
| text-purple-900 | color: #581c87; | COLOR |
| text-pink-100 | color: #fce7f3; | COLOR |
| text-pink-200 | color: #fbcfe8; | COLOR |
| text-pink-300 | color: #f9a8d4; | COLOR |
| text-pink-400 | color: #f472b6; | COLOR |
| text-pink-500 | color: #ec4899; | COLOR |
| text-pink-600 | color: #db2777; | COLOR |
| text-pink-700 | color: #be185d; | COLOR |
| text-pink-800 | color: #9d174d; | COLOR |
| text-pink-900 | color: #831843; | COLOR |
| text-gray-100 | color: #f3f4f6; | COLOR |
| text-gray-200 | color: #e5e7eb; | COLOR |
| text-gray-300 | color: #d1d5db; | COLOR |
| text-gray-400 | color: #9ca3af; | COLOR |
| text-gray-500 | color: #6b7280; | COLOR |
| text-gray-600 | color: #4b5563; | COLOR |
| text-gray-700 | color: #374151; | COLOR |
| text-gray-800 | color: #1f2937; | COLOR |
| text-gray-900 | color: #111827; | COLOR |
| text-orange-100 | color: #ffedd5; | COLOR |
| text-orange-200 | color: #fed7aa; | COLOR |
| text-orange-300 | color: #fdba74; | COLOR |
| text-orange-400 | color: #fb923c; | COLOR |
| text-orange-500 | color: #f97316; | COLOR |
| text-orange-600 | color: #ea580c; | COLOR |
| text-orange-700 | color: #c2410c; | COLOR |
| text-orange-800 | color: #9a3412; | COLOR |
| text-orange-900 | color: #7c2d12; | COLOR |
| text-lime-100 | color: #ecfccb; | COLOR |
| text-lime-200 | color: #d9f99d; | COLOR |
| text-lime-300 | color: #bef264; | COLOR |
| text-lime-400 | color: #a3e635; | COLOR |
| text-lime-500 | color: #84cc16; | COLOR |
| text-lime-600 | color: #65a30d; | COLOR |
| text-lime-700 | color: #4d7c0f; | COLOR |
| text-lime-800 | color: #3f6212; | COLOR |
| text-lime-900 | color: #365314; | COLOR |
| text-teal-100 | color: #ccfbf1; | COLOR |
| text-teal-200 | color: #99f6e4; | COLOR |
| text-teal-300 | color: #5eead4; | COLOR |
| text-teal-400 | color: #2dd4bf; | COLOR |
| text-teal-500 | color: #14b8a6; | COLOR |
| text-teal-600 | color: #0d9488; | COLOR |
| text-teal-700 | color: #0f766e; | COLOR |
| text-teal-800 | color: #115e59; | COLOR |
| text-teal-900 | color: #134e4a; | COLOR |
| text-cyan-100 | color: #cffafe; | COLOR |
| text-cyan-200 | color: #a5f3fc; | COLOR |
| text-cyan-300 | color: #67e8f9; | COLOR |
| text-cyan-400 | color: #22d3ee; | COLOR |
| text-cyan-500 | color: #06b6d4; | COLOR |
| text-cyan-600 | color: #0891b2; | COLOR |
| text-cyan-700 | color: #0e7490; | COLOR |
| text-cyan-800 | color: #155e75; | COLOR |
| text-cyan-900 | color: #164e63; | COLOR |
| text-indigo-100 | color: #e0e7ff; | COLOR |
| text-indigo-200 | color: #c7d2fe; | COLOR |
| text-indigo-300 | color: #a5b4fc; | COLOR |
| text-indigo-400 | color: #818cf8; | COLOR |
| text-indigo-500 | color: #6366f1; | COLOR |
| text-indigo-600 | color: #4f46e5; | COLOR |
| text-indigo-700 | color: #4338ca; | COLOR |
| text-indigo-800 | color: #3730a3; | COLOR |
| text-indigo-900 | color: #312e81; | COLOR |
| text-amber-100 | color: #fef3c7; | COLOR |
| text-amber-200 | color: #fde68a; | COLOR |
| text-amber-300 | color: #fcd34d; | COLOR |
| text-amber-400 | color: #fbbf24; | COLOR |
| text-amber-500 | color: #f59e0b; | COLOR |
| text-amber-600 | color: #d97706; | COLOR |
| text-amber-700 | color: #b45309; | COLOR |
| text-amber-800 | color: #92400e; | COLOR |
| text-amber-900 | color: #78350f; | COLOR |
| text-emerald-100 | color: #d1fae5; | COLOR |
| text-emerald-200 | color: #a7f3d0; | COLOR |
| text-emerald-300 | color: #6ee7b7; | COLOR |
| text-emerald-400 | color: #34d399; | COLOR |
| text-emerald-500 | color: #10b981; | COLOR |
| text-emerald-600 | color: #059669; | COLOR |
| text-emerald-700 | color: #047857; | COLOR |
| text-emerald-800 | color: #065f46; | COLOR |
| text-emerald-900 | color: #064e3b; | COLOR |
| text-fuchsia-100 | color: #fae8ff; | COLOR |
| text-fuchsia-200 | color: #f5d0fe; | COLOR |
| text-fuchsia-300 | color: #f0abfc; | COLOR |
| text-fuchsia-400 | color: #e879f9; | COLOR |
| text-fuchsia-500 | color: #d946ef; | COLOR |
| text-fuchsia-600 | color: #c026d3; | COLOR |
| text-fuchsia-700 | color: #a21caf; | COLOR |
| text-fuchsia-800 | color: #86198f; | COLOR |
| text-fuchsia-900 | color: #701a75; | COLOR |
| text-rose-100 | color: #ffe4e6; | COLOR |
| text-rose-200 | color: #fecdd3; | COLOR |
| text-rose-300 | color: #fda4af; | COLOR |
| text-rose-400 | color: #fb7185; | COLOR |
| text-rose-500 | color: #f43f5e; | COLOR |
| text-rose-600 | color: #e11d48; | COLOR |
| text-rose-700 | color: #be123c; | COLOR |
| text-rose-800 | color: #9f1239; | COLOR |
| text-rose-900 | color: #881337; | COLOR |
| text-sky-100 | color: #e0f2fe; | COLOR |
| text-sky-200 | color: #bae6fd; | COLOR |
| text-sky-300 | color: #7dd3fc; | COLOR |
| text-sky-400 | color: #38bdf8; | COLOR |
| text-sky-500 | color: #0ea5e9; | COLOR |
| text-sky-600 | color: #0284c7; | COLOR |
| text-sky-700 | color: #0369a1; | COLOR |
| text-sky-800 | color: #075985; | COLOR |
| text-sky-900 | color: #0c4a6e; | COLOR |
| text-violet-100 | color: #f5f3ff; | COLOR |
| text-violet-200 | color: #ede9fe; | COLOR |
| text-violet-300 | color: #ddd6fe; | COLOR |
| text-violet-400 | color: #c4b5fd; | COLOR |
| text-violet-500 | color: #a78bfa; | COLOR |
| text-violet-600 | color: #8b5cf6; | COLOR |
| text-violet-700 | color: #7c3aed; | COLOR |
| text-violet-800 | color: #6d28d9; | COLOR |
| text-violet-900 | color: #5b21b6; | COLOR |
| text-stone-100 | color: #f5f5f4; | COLOR |
| text-stone-200 | color: #e7e5e4; | COLOR |
| text-stone-300 | color: #d6d3d1; | COLOR |
| text-stone-400 | color: #a8a29e; | COLOR |
| text-stone-500 | color: #78716c; | COLOR |
| text-stone-600 | color: #57534e; | COLOR |
| text-stone-700 | color: #44403c; | COLOR |
| text-stone-800 | color: #292524; | COLOR |
| text-stone-900 | color: #1c1917; | COLOR |
| text-zinc-100 | color: #f4f4f5; | COLOR |
| text-zinc-200 | color: #e4e4e7; | COLOR |
| text-zinc-300 | color: #d4d4d8; | COLOR |
| text-zinc-400 | color: #a1a1aa; | COLOR |
| text-zinc-500 | color: #71717a; | COLOR |
| text-zinc-600 | color: #52525b; | COLOR |
| text-zinc-700 | color: #3f3f46; | COLOR |
| text-zinc-800 | color: #27272a; | COLOR |
| text-zinc-900 | color: #18181b; | COLOR |
| text-neutral-100 | color: #f5f5f5; | COLOR |
| text-neutral-200 | color: #e5e5e5; | COLOR |
| text-neutral-300 | color: #d4d4d4; | COLOR |
| text-neutral-400 | color: #a3a3a3; | COLOR |
| text-neutral-500 | color: #737373; | COLOR |
| text-neutral-600 | color: #525252; | COLOR |
| text-neutral-700 | color: #404040; | COLOR |
| text-neutral-800 | color: #262626; | COLOR |
| text-neutral-900 | color: #171717; | COLOR |
| text-slate-100 | color: #f1f5f9; | COLOR |
| text-slate-200 | color: #e2e8f0; | COLOR |
| text-slate-300 | color: #cbd5e1; | COLOR |
| text-slate-400 | color: #94a3b8; | COLOR |
| text-slate-500 | color: #64748b; | COLOR |
| text-slate-600 | color: #475569; | COLOR |
| text-slate-700 | color: #334155; | COLOR |
| text-slate-800 | color: #1e293b; | COLOR |
| text-slate-900 | color: #0f172a; | COLOR |
| Clases personalizadas | ||
| text-[#ff6347] | color: #ff6347; | COLOR |
| text-[rgb(30,144,255)] | color: rgb(30, 144, 255); | COLOR |
| text-[hsl(0,100%,70%)] | color: hsl(0, 100%, 70%); | COLOR |
| text-[rebeccapurple] | color: rebeccapurple; | COLOR |