Convert #D1F8FF to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #D1F8FF
Your Color#D1F8FF
#D1F8FF
Tailwind Match#CFFAFE
cyan-100Quick Copy
Tailwind CSS Usage Examples
Background
bg-cyan-100Background Preview
Text Color
text-cyan-100Text Color Preview
Border
border-cyan-100Border Preview
Ring/Outline
ring-cyan-100Divide
divide-cyan-100Placeholder
placeholder-cyan-100Alternative Tailwind Colors
Other Tailwind colors close to #D1F8FF
cyan-100#CFFAFEBest Matchteal-100#CCFBF1sky-100#E0F2FEblue-100#DBEAFEindigo-100#E0E7FFemerald-100#D1FAE5Full Cyan Palette
All shades of cyan in Tailwind CSS
50#ECFEFF
100#CFFAFE
200#A5F3FC
300#67E8F9
400#22D3EE
500#06B6D4
600#0891B2
700#0E7490
800#155E75
900#164E63
950#083344