Convert #D1EBFA to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #D1EBFA
Your Color#D1EBFA
#D1EBFA
Tailwind Match#DBEAFE
blue-100Quick Copy
Tailwind CSS Usage Examples
Background
bg-blue-100Background Preview
Text Color
text-blue-100Text Color Preview
Border
border-blue-100Border Preview
Ring/Outline
ring-blue-100Divide
divide-blue-100Placeholder
placeholder-blue-100Alternative Tailwind Colors
Other Tailwind colors close to #D1EBFA
blue-100#DBEAFEBest Matchcyan-100#CFFAFEindigo-100#E0E7FFsky-100#E0F2FEteal-100#CCFBF1slate-200#E2E8F0Full Blue Palette
All shades of blue in Tailwind CSS
50#EFF6FF
100#DBEAFE
200#BFDBFE
300#93C5FD
400#60A5FA
500#3B82F6
600#2563EB
700#1D4ED8
800#1E40AF
900#1E3A8A
950#172554