Cardinal

#c41e3a

Deeper, cooler crimson-red accent than sangria warmth

Save
Share

About Cardinal

Cardinal is the red that actually reads as a flag. It's brighter and less saturated than , which means it doesn't sit in that sophisticated-restraint territory, this one announces itself the moment it loads. It's also warmer than without the orange pull that 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
5.84:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.36:1AAAAA Large

On Gray 900 #18181b

Aa
3.03:1FailAA Large

On Black #000000

Aa
3.59:1FailAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#bf2735
#cc1133
#c30232
#c90b42
#cd123f

Create a gradient with Cardinal

Open the generator with this color pre-loaded.

Start creating