Ring offset color

Ring offset color is a curated collection of Tailwind CSS classes for borders . Below is a full listing of all relevant classes.
ring-offset-amber-100
ring-offset-amber-200
ring-offset-amber-300
ring-offset-amber-400
ring-offset-amber-50
ring-offset-amber-500
ring-offset-amber-600
ring-offset-amber-700
ring-offset-amber-800
ring-offset-amber-900
ring-offset-amber-950
ring-offset-black
ring-offset-blue-100
ring-offset-blue-200
ring-offset-blue-300
ring-offset-blue-400
ring-offset-blue-50
ring-offset-blue-500
ring-offset-blue-600
ring-offset-blue-700
ring-offset-blue-800
ring-offset-blue-900
ring-offset-blue-950
ring-offset-current
ring-offset-cyan-100
ring-offset-cyan-200
ring-offset-cyan-300
ring-offset-cyan-400
ring-offset-cyan-50
ring-offset-cyan-500
ring-offset-cyan-600
ring-offset-cyan-700
ring-offset-cyan-800
ring-offset-cyan-900
ring-offset-cyan-950
ring-offset-emerald-100
ring-offset-emerald-200
ring-offset-emerald-300
ring-offset-emerald-400
ring-offset-emerald-50
ring-offset-emerald-500
ring-offset-emerald-600
ring-offset-emerald-700
ring-offset-emerald-800
ring-offset-emerald-900
ring-offset-emerald-950
ring-offset-fuchsia-100
ring-offset-fuchsia-200
ring-offset-fuchsia-300
ring-offset-fuchsia-400
ring-offset-fuchsia-50
ring-offset-fuchsia-500
ring-offset-fuchsia-600
ring-offset-fuchsia-700
ring-offset-fuchsia-800
ring-offset-fuchsia-900
ring-offset-fuchsia-950
ring-offset-gray-100
ring-offset-gray-200
ring-offset-gray-300
ring-offset-gray-400
ring-offset-gray-50
ring-offset-gray-500
ring-offset-gray-600
ring-offset-gray-700
ring-offset-gray-800
ring-offset-gray-900
ring-offset-gray-950
ring-offset-green-100
ring-offset-green-200
ring-offset-green-300
ring-offset-green-400
ring-offset-green-50
ring-offset-green-500
ring-offset-green-600
ring-offset-green-700
ring-offset-green-800
ring-offset-green-900
ring-offset-green-950
ring-offset-indigo-100
ring-offset-indigo-200
ring-offset-indigo-300
ring-offset-indigo-400
ring-offset-indigo-50
ring-offset-indigo-500
ring-offset-indigo-600
ring-offset-indigo-700
ring-offset-indigo-800
ring-offset-indigo-900
ring-offset-indigo-950
ring-offset-inherit
ring-offset-lime-100
ring-offset-lime-200
ring-offset-lime-300
ring-offset-lime-400
ring-offset-lime-50
ring-offset-lime-500
ring-offset-lime-600
ring-offset-lime-700
ring-offset-lime-800
ring-offset-lime-900
ring-offset-lime-950
ring-offset-neutral-100
ring-offset-neutral-200
ring-offset-neutral-300
ring-offset-neutral-400
ring-offset-neutral-50
ring-offset-neutral-500
ring-offset-neutral-600
ring-offset-neutral-700
ring-offset-neutral-800
ring-offset-neutral-900
ring-offset-neutral-950
ring-offset-orange-100
ring-offset-orange-200
ring-offset-orange-300
ring-offset-orange-400
ring-offset-orange-50
ring-offset-orange-500
ring-offset-orange-600
ring-offset-orange-700
ring-offset-orange-800
ring-offset-orange-900
ring-offset-orange-950
ring-offset-pink-100
ring-offset-pink-200
ring-offset-pink-300
ring-offset-pink-400
ring-offset-pink-50
ring-offset-pink-500
ring-offset-pink-600
ring-offset-pink-700
ring-offset-pink-800
ring-offset-pink-900
ring-offset-pink-950
ring-offset-purple-100
ring-offset-purple-200
ring-offset-purple-300
ring-offset-purple-400
ring-offset-purple-50
ring-offset-purple-500
ring-offset-purple-600
ring-offset-purple-700
ring-offset-purple-800
ring-offset-purple-900
ring-offset-purple-950
ring-offset-red-100
ring-offset-red-200
ring-offset-red-300
ring-offset-red-400
ring-offset-red-50
ring-offset-red-500
ring-offset-red-600
ring-offset-red-700
ring-offset-red-800
ring-offset-red-900
ring-offset-red-950
ring-offset-rose-100
ring-offset-rose-200
ring-offset-rose-300
ring-offset-rose-400
ring-offset-rose-50
ring-offset-rose-500
ring-offset-rose-600
ring-offset-rose-700
ring-offset-rose-800
ring-offset-rose-900
ring-offset-rose-950
ring-offset-sky-100
ring-offset-sky-200
ring-offset-sky-300
ring-offset-sky-400
ring-offset-sky-50
ring-offset-sky-500
ring-offset-sky-600
ring-offset-sky-700
ring-offset-sky-800
ring-offset-sky-900
ring-offset-sky-950
ring-offset-slate-100
ring-offset-slate-200
ring-offset-slate-300
ring-offset-slate-400
ring-offset-slate-50
ring-offset-slate-500
ring-offset-slate-600
ring-offset-slate-700
ring-offset-slate-800
ring-offset-slate-900
ring-offset-slate-950
ring-offset-stone-100
ring-offset-stone-200
ring-offset-stone-300
ring-offset-stone-400
ring-offset-stone-50
ring-offset-stone-500
ring-offset-stone-600
ring-offset-stone-700
ring-offset-stone-800
ring-offset-stone-900
ring-offset-stone-950
ring-offset-teal-100
ring-offset-teal-200
ring-offset-teal-300
ring-offset-teal-400
ring-offset-teal-50
ring-offset-teal-500
ring-offset-teal-600
ring-offset-teal-700
ring-offset-teal-800
ring-offset-teal-900
ring-offset-teal-950
ring-offset-transparent
ring-offset-violet-100
ring-offset-violet-200
ring-offset-violet-300
ring-offset-violet-400
ring-offset-violet-50
ring-offset-violet-500
ring-offset-violet-600
ring-offset-violet-700
ring-offset-violet-800
ring-offset-violet-900
ring-offset-violet-950
ring-offset-white
ring-offset-yellow-100
ring-offset-yellow-200
ring-offset-yellow-300
ring-offset-yellow-400
ring-offset-yellow-50
ring-offset-yellow-500
ring-offset-yellow-600
ring-offset-yellow-700
ring-offset-yellow-800
ring-offset-yellow-900
ring-offset-yellow-950
ring-offset-zinc-100
ring-offset-zinc-200
ring-offset-zinc-300
ring-offset-zinc-400
ring-offset-zinc-50
ring-offset-zinc-500
ring-offset-zinc-600
ring-offset-zinc-700
ring-offset-zinc-800
ring-offset-zinc-900
ring-offset-zinc-950

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.