Convert #DEFFC2 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #DEFFC2
Your Color#DEFFC2
#DEFFC2
Tailwind Match#ECFCCB
lime-100Quick Copy
Tailwind CSS Usage Examples
Background
bg-lime-100Background Preview
Text Color
text-lime-100Text Color Preview
Border
border-lime-100Border Preview
Ring/Outline
ring-lime-100Divide
divide-lime-100Placeholder
placeholder-lime-100Alternative Tailwind Colors
Other Tailwind colors close to #DEFFC2
lime-100#ECFCCBBest Matchyellow-100#FEF9C3amber-100#FEF3C7green-100#DCFCE7emerald-100#D1FAE5lime-200#D9F99DFull Lime Palette
All shades of lime in Tailwind CSS
50#F7FEE7
100#ECFCCB
200#D9F99D
300#BEF264
400#A3E635
500#84CC16
600#65A30D
700#4D7C0F
800#3F6212
900#365314
950#1A2E05