Convert #98D7E6 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #98D7E6
Your Color#98D7E6
#98D7E6
Tailwind Match#93C5FD
blue-300Quick Copy
Tailwind CSS Usage Examples
Background
bg-blue-300Background Preview
Text Color
text-blue-300Text Color Preview
Border
border-blue-300Border Preview
Ring/Outline
ring-blue-300Divide
divide-blue-300Placeholder
placeholder-blue-300Alternative Tailwind Colors
Other Tailwind colors close to #98D7E6
blue-300#93C5FDBest Matchteal-200#99F6E4sky-300#7DD3FCcyan-200#A5F3FCemerald-200#A7F3D0indigo-300#A5B4FCFull 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