Ring color

Ring color is a curated collection of Tailwind CSS classes for borders . Below is a full listing of all relevant classes.
ring-amber-100
ring-amber-200
ring-amber-300
ring-amber-400
ring-amber-50
ring-amber-500
ring-amber-600
ring-amber-700
ring-amber-800
ring-amber-900
ring-amber-950
ring-black
ring-blue-100
ring-blue-200
ring-blue-300
ring-blue-400
ring-blue-50
ring-blue-500
ring-blue-600
ring-blue-700
ring-blue-800
ring-blue-900
ring-blue-950
ring-current
ring-cyan-100
ring-cyan-200
ring-cyan-300
ring-cyan-400
ring-cyan-50
ring-cyan-500
ring-cyan-600
ring-cyan-700
ring-cyan-800
ring-cyan-900
ring-cyan-950
ring-emerald-100
ring-emerald-200
ring-emerald-300
ring-emerald-400
ring-emerald-50
ring-emerald-500
ring-emerald-600
ring-emerald-700
ring-emerald-800
ring-emerald-900
ring-emerald-950
ring-fuchsia-100
ring-fuchsia-200
ring-fuchsia-300
ring-fuchsia-400
ring-fuchsia-50
ring-fuchsia-500
ring-fuchsia-600
ring-fuchsia-700
ring-fuchsia-800
ring-fuchsia-900
ring-fuchsia-950
ring-gray-100
ring-gray-200
ring-gray-300
ring-gray-400
ring-gray-50
ring-gray-500
ring-gray-600
ring-gray-700
ring-gray-800
ring-gray-900
ring-gray-950
ring-green-100
ring-green-200
ring-green-300
ring-green-400
ring-green-50
ring-green-500
ring-green-600
ring-green-700
ring-green-800
ring-green-900
ring-green-950
ring-indigo-100
ring-indigo-200
ring-indigo-300
ring-indigo-400
ring-indigo-50
ring-indigo-500
ring-indigo-600
ring-indigo-700
ring-indigo-800
ring-indigo-900
ring-indigo-950
ring-inherit
ring-lime-100
ring-lime-200
ring-lime-300
ring-lime-400
ring-lime-50
ring-lime-500
ring-lime-600
ring-lime-700
ring-lime-800
ring-lime-900
ring-lime-950
ring-neutral-100
ring-neutral-200
ring-neutral-300
ring-neutral-400
ring-neutral-50
ring-neutral-500
ring-neutral-600
ring-neutral-700
ring-neutral-800
ring-neutral-900
ring-neutral-950
ring-orange-100
ring-orange-200
ring-orange-300
ring-orange-400
ring-orange-50
ring-orange-500
ring-orange-600
ring-orange-700
ring-orange-800
ring-orange-900
ring-orange-950
ring-pink-100
ring-pink-200
ring-pink-300
ring-pink-400
ring-pink-50
ring-pink-500
ring-pink-600
ring-pink-700
ring-pink-800
ring-pink-900
ring-pink-950
ring-purple-100
ring-purple-200
ring-purple-300
ring-purple-400
ring-purple-50
ring-purple-500
ring-purple-600
ring-purple-700
ring-purple-800
ring-purple-900
ring-purple-950
ring-red-100
ring-red-200
ring-red-300
ring-red-400
ring-red-50
ring-red-500
ring-red-600
ring-red-700
ring-red-800
ring-red-900
ring-red-950
ring-rose-100
ring-rose-200
ring-rose-300
ring-rose-400
ring-rose-50
ring-rose-500
ring-rose-600
ring-rose-700
ring-rose-800
ring-rose-900
ring-rose-950
ring-sky-100
ring-sky-200
ring-sky-300
ring-sky-400
ring-sky-50
ring-sky-500
ring-sky-600
ring-sky-700
ring-sky-800
ring-sky-900
ring-sky-950
ring-slate-100
ring-slate-200
ring-slate-300
ring-slate-400
ring-slate-50
ring-slate-500
ring-slate-600
ring-slate-700
ring-slate-800
ring-slate-900
ring-slate-950
ring-stone-100
ring-stone-200
ring-stone-300
ring-stone-400
ring-stone-50
ring-stone-500
ring-stone-600
ring-stone-700
ring-stone-800
ring-stone-900
ring-stone-950
ring-teal-100
ring-teal-200
ring-teal-300
ring-teal-400
ring-teal-50
ring-teal-500
ring-teal-600
ring-teal-700
ring-teal-800
ring-teal-900
ring-teal-950
ring-transparent
ring-violet-100
ring-violet-200
ring-violet-300
ring-violet-400
ring-violet-50
ring-violet-500
ring-violet-600
ring-violet-700
ring-violet-800
ring-violet-900
ring-violet-950
ring-white
ring-yellow-100
ring-yellow-200
ring-yellow-300
ring-yellow-400
ring-yellow-50
ring-yellow-500
ring-yellow-600
ring-yellow-700
ring-yellow-800
ring-yellow-900
ring-yellow-950
ring-zinc-100
ring-zinc-200
ring-zinc-300
ring-zinc-400
ring-zinc-50
ring-zinc-500
ring-zinc-600
ring-zinc-700
ring-zinc-800
ring-zinc-900
ring-zinc-950
ring-opacity-0
ring-opacity-10
ring-opacity-100
ring-opacity-15
ring-opacity-20
ring-opacity-25
ring-opacity-30
ring-opacity-35
ring-opacity-40
ring-opacity-45
ring-opacity-5
ring-opacity-50
ring-opacity-55
ring-opacity-60
ring-opacity-65
ring-opacity-70
ring-opacity-75
ring-opacity-80
ring-opacity-85
ring-opacity-90
ring-opacity-95

Want to keep up with the latest Tailwind CSS updates?

Join our email list to be kept in the loop! We promise only to send you the good stuff.