Convert #B2CAF5 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #B2CAF5
Your Color#B2CAF5
#B2CAF5
Tailwind Match#BFDBFE
blue-200Quick Copy
Tailwind CSS Usage Examples
Background
bg-blue-200Background Preview
Text Color
text-blue-200Text Color Preview
Border
border-blue-200Border Preview
Ring/Outline
ring-blue-200Divide
divide-blue-200Placeholder
placeholder-blue-200Alternative Tailwind Colors
Other Tailwind colors close to #B2CAF5
blue-200#BFDBFEBest Matchindigo-200#C7D2FEindigo-300#A5B4FCviolet-300#C4B5FDsky-200#BAE6FDblue-300#93C5FDFull 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