Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#f472b6 - A vibrant shade of light rose.

  • Commonly used for Accent colors, Brand elements, Featured content, Social media themes, and Creative applications

Top Matches

pink-400
Distance: 0.00
pink-500
Distance: 9.59
pink-300
Distance: 13.73
rose-400
Distance: 14.61
neutral-400
Distance: 16.17

All green Shades

pink-50
pink-100
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
pink-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #f472b6 / pink-400
Brand accent #F949A5 / pink-500
Complementary accent #98F2C3 / emerald-200
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use pink-700 or darker for text. Ensure readability on light backgrounds

Test in both light and dark modes. Consider color blindness

See all Tailwind colors