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

#ef4444 - A mid-tone red, notable for its vibrant character.

  • 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 Netflix's brand color, YouTube's play button, Pinterest's primary color, and Target's brand identity

Top Matches

red-500
Distance: 0.00
rose-500
Distance: 6.85
red-600
Distance: 7.59
rose-600
Distance: 8.53
red-400
Distance: 10.37

All green Shades

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

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #ef4444 / red-500
Brand accent #F61E1E / red-600
Complementary accent #68EAEA / cyan-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