Color Indicator
Red 500 Color Code #EF4444
Copy Tailwind classes, CSS variables and explore a ready-made palette for this color. Generated automatically by Color Indicator.
About this color
#EF4444 · Red 500
The iconic Tailwind Red 500 (#EF4444). Essential for primary error states, branding, and active UI elements. Get HEX, RGB, and HSL values, use the palette generator, and explore brand colors for UI, marketing, and product design. Complementary (44EFEF) and triad (44EF44, 4444EF) variants keep contrast in check.
Palette
Popular combinations
Color combinations using #EF4444
These guides show how this color can work inside practical palettes with use cases and accessibility notes.
Red and White Color Combination
Red and white works when red is used for energy, appetite, alerts, or recognition, while white keeps the palette clean and easy to scan.
Red and Yellow Color Combination
Red and yellow is a warm, high-visibility combination. It works best for appetite, speed, and attention when supported by enough neutral space.
Found this useful? Support ColorIndicator.
Help us keep ColorIndicator fast, free, and independent.