Cardinal
#c41e3a
Deeper, cooler crimson-red accent than sangria warmth
About Cardinal
Cardinal is the red that actually reads as a flag. It's brighter and less saturated than Cherry Sangria, which means it doesn't sit in that sophisticated-restraint territory, this one announces itself the moment it loads. It's also warmer than Crimson Cloud without the orange pull that Akari Red brings, so it lands somewhere between pure and purposeful, the kind of red that feels institutional in the best way.
Reach for it in sports interfaces, political campaigns, university branding, and emergency alert systems where red needs to feel authoritative and instantly recognizable. It works as a primary accent in navigation, a bold CTA that doesn't whisper, a headline color in news layouts, a uniform stripe in an app icon. Against white it commands without aggression. Against dark backgrounds it pops without looking overwrought. It's the red people recognize before they know why.
The thing: it's saturated enough to hold its own next to bold primaries and secondary colors, which is exactly why it works in crowded interfaces. Pair it with navy, charcoal, or white and it settles into its institutional role. Push it against pastels and it'll dominate the room.
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.