Ring Color
Ring Color is a set of Tailwind CSS classes for borders. You'll find a comprehensive, complete list of all ring color classes below.
- ring-inherit
- ring-current
- ring-transparent
- ring-black
- ring-white
- ring-slate-50
- ring-slate-100
- ring-slate-200
- ring-slate-300
- ring-slate-400
- ring-slate-500
- ring-slate-600
- ring-slate-700
- ring-slate-800
- ring-slate-900
- ring-slate-950
- ring-gray-50
- ring-gray-100
- ring-gray-200
- ring-gray-300
- ring-gray-400
- ring-gray-500
- ring-gray-600
- ring-gray-700
- ring-gray-800
- ring-gray-900
- ring-gray-950
- ring-zinc-50
- ring-zinc-100
- ring-zinc-200
- ring-zinc-300
- ring-zinc-400
- ring-zinc-500
- ring-zinc-600
- ring-zinc-700
- ring-zinc-800
- ring-zinc-900
- ring-zinc-950
- ring-neutral-50
- ring-neutral-100
- ring-neutral-200
- ring-neutral-300
- ring-neutral-400
- ring-neutral-500
- ring-neutral-600
- ring-neutral-700
- ring-neutral-800
- ring-neutral-900
- ring-neutral-950
- ring-stone-50
- ring-stone-100
- ring-stone-200
- ring-stone-300
- ring-stone-400
- ring-stone-500
- ring-stone-600
- ring-stone-700
- ring-stone-800
- ring-stone-900
- ring-stone-950
- ring-red-50
- ring-red-100
- ring-red-200
- ring-red-300
- ring-red-400
- ring-red-500
- ring-red-600
- ring-red-700
- ring-red-800
- ring-red-900
- ring-red-950
- ring-orange-50
- ring-orange-100
- ring-orange-200
- ring-orange-300
- ring-orange-400
- ring-orange-500
- ring-orange-600
- ring-orange-700
- ring-orange-800
- ring-orange-900
- ring-orange-950
- ring-amber-50
- ring-amber-100
- ring-amber-200
- ring-amber-300
- ring-amber-400
- ring-amber-500
- ring-amber-600
- ring-amber-700
- ring-amber-800
- ring-amber-900
- ring-amber-950
- ring-yellow-50
- ring-yellow-100
- ring-yellow-200
- ring-yellow-300
- ring-yellow-400
- ring-yellow-500
- ring-yellow-600
- ring-yellow-700
- ring-yellow-800
- ring-yellow-900
- ring-yellow-950
- ring-lime-50
- ring-lime-100
- ring-lime-200
- ring-lime-300
- ring-lime-400
- ring-lime-500
- ring-lime-600
- ring-lime-700
- ring-lime-800
- ring-lime-900
- ring-lime-950
- ring-green-50
- ring-green-100
- ring-green-200
- ring-green-300
- ring-green-400
- ring-green-500
- ring-green-600
- ring-green-700
- ring-green-800
- ring-green-900
- ring-green-950
- ring-emerald-50
- ring-emerald-100
- ring-emerald-200
- ring-emerald-300
- ring-emerald-400
- ring-emerald-500
- ring-emerald-600
- ring-emerald-700
- ring-emerald-800
- ring-emerald-900
- ring-emerald-950
- ring-teal-50
- ring-teal-100
- ring-teal-200
- ring-teal-300
- ring-teal-400
- ring-teal-500
- ring-teal-600
- ring-teal-700
- ring-teal-800
- ring-teal-900
- ring-teal-950
- ring-cyan-50
- ring-cyan-100
- ring-cyan-200
- ring-cyan-300
- ring-cyan-400
- ring-cyan-500
- ring-cyan-600
- ring-cyan-700
- ring-cyan-800
- ring-cyan-900
- ring-cyan-950
- ring-sky-50
- ring-sky-100
- ring-sky-200
- ring-sky-300
- ring-sky-400
- ring-sky-500
- ring-sky-600
- ring-sky-700
- ring-sky-800
- ring-sky-900
- ring-sky-950
- ring-blue-50
- ring-blue-100
- ring-blue-200
- ring-blue-300
- ring-blue-400
- ring-blue-500
- ring-blue-600
- ring-blue-700
- ring-blue-800
- ring-blue-900
- ring-blue-950
- ring-indigo-50
- ring-indigo-100
- ring-indigo-200
- ring-indigo-300
- ring-indigo-400
- ring-indigo-500
- ring-indigo-600
- ring-indigo-700
- ring-indigo-800
- ring-indigo-900
- ring-indigo-950
- ring-violet-50
- ring-violet-100
- ring-violet-200
- ring-violet-300
- ring-violet-400
- ring-violet-500
- ring-violet-600
- ring-violet-700
- ring-violet-800
- ring-violet-900
- ring-violet-950
- ring-purple-50
- ring-purple-100
- ring-purple-200
- ring-purple-300
- ring-purple-400
- ring-purple-500
- ring-purple-600
- ring-purple-700
- ring-purple-800
- ring-purple-900
- ring-purple-950
- ring-fuchsia-50
- ring-fuchsia-100
- ring-fuchsia-200
- ring-fuchsia-300
- ring-fuchsia-400
- ring-fuchsia-500
- ring-fuchsia-600
- ring-fuchsia-700
- ring-fuchsia-800
- ring-fuchsia-900
- ring-fuchsia-950
- ring-pink-50
- ring-pink-100
- ring-pink-200
- ring-pink-300
- ring-pink-400
- ring-pink-500
- ring-pink-600
- ring-pink-700
- ring-pink-800
- ring-pink-900
- ring-pink-950
- ring-rose-50
- ring-rose-100
- ring-rose-200
- ring-rose-300
- ring-rose-400
- ring-rose-500
- ring-rose-600
- ring-rose-700
- ring-rose-800
- ring-rose-900
- ring-rose-950