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

#f43f5e - A bold shade of mid-tone crimson.

  • Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
  • You might recognize it from Airbnb's brand color, Klarna's accent, and Dunkin' brand elements

Top Matches

rose-500
Distance: 0.00
red-500
Distance: 6.95
rose-600
Distance: 7.12
red-400
Distance: 9.82
rose-400
Distance: 10.35

All green Shades

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

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #f43f5e / rose-500
Brand accent #FD183F / red-500
Complementary accent #64EED6 / teal-300
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Check WCAG contrast requirements - 4.5:1 for normal text, 3:1 for large text

Ensure interactive elements are clearly distinguishable

See all Tailwind colors