Red
#ff0000
Pure, high-saturation blood red for sharp hierarchy
About Red
Red is the red you notice instantly on a touchscreen when you've got dark UI behind it and you don't want that orange heat creeping in. This one lands hotter and more direct than Marinara Red, but it's not as signal-clean or tight as Left on Red. Compared with Candy Apple Red, it keeps more warmth in the undertone, so it doesn't read thin or bluish.
On-screen, it's high-visibility red for high-stakes moments that need urgency without turning into a warning light. I use it for critical alerts in logistics portals, redline action buttons in fintech admin panels, and category labels in industrial dashboards where dark shells and dense data make everything else look muted. It also holds up on product packaging and app banners when photography is cool-toned, because the warmth keeps the message from flattening.
If you pair it with orange-adjacent hues, it can start to blur with the broader family. For sharp separation, anchor it with deep charcoal or near-black so it stays unmistakably red.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.