Convert #DFA4CB to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #DFA4CB

Your Color#DFA4CB
#DFA4CB
Tailwind Match#F9A8D4
pink-300

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-300
Background Preview

Text Color

text-pink-300

Text Color Preview

Border

border-pink-300
Border Preview

Ring/Outline

ring-pink-300

Divide

divide-pink-300

Placeholder

placeholder-pink-300

Alternative Tailwind Colors

Other Tailwind colors close to #DFA4CB

pink-300#F9A8D4Best Match
Copy
rose-300#FDA4AF
Copy
red-300#FCA5A5
Copy
stone-300#D6D3D1
Copy
red-200#FECACA
Copy
neutral-300#D4D4D4
Copy

Full Pink Palette

All shades of pink in Tailwind CSS

50#FDF2F8
100#FCE7F3
200#FBCFE8
300#F9A8D4
400#F472B6
500#EC4899
600#DB2777
700#BE185D
800#9D174D
900#831843
950#500724

Related Resources

View full color details for #DFA4CBBrowse all hex colorsExplore color palettes