Cardinal red is a bold, vibrant shade, full of energy and passion. Found between red and burgundy on the color wheel, it boasts a deep red hue. Variants like cranberry and cherry add depth. Use cardinal red to make designs pop and convey strong emotions.
Cardinal Red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #C41E3A
- RGB value: 76.9% red, 11.8% green, 22.7% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Cardinal Red, consider:
- Crimson red (#b22222): This color shares a rich, deep hue reminiscent of the intense vibrancy of cardinal red, offering a bold and timeless appeal.
- Blood red (#780606): Known for its dark and intense shade akin to cardinal red, it exudes a dramatic and striking presence.
- Cherry (#d20a2e): Capturing the vivid brightness similar to cardinal red, this shade is energetic and attention-grabbing without overpowering.
- Rose red (#fa003f): This vibrant and lively hue reflects the boldness of cardinal red, with a slightly softer, more playful undertone.
To complement Cardinal Red, consider pairing it with:
- Mint Green (#ADEBB3): The cool, refreshing tone of mint green contrasts beautifully with cardinal red's vibrant warmth, creating a visually dynamic and balanced palette.
- Turquoise (#40E0D0): Turquoise brings a lively, aquatic contrast to cardinal red, enhancing the boldness of both colors for an energetic aesthetic.
- Soft Pink (#E89EB8): This delicate hue softens cardinal red's intensity, providing a gentle and harmonious combination perfect for elegant designs.
- Charcoal (#4A4A4A): Charcoal serves as a sleek, neutral counterpart to cardinal red, adding depth and sophistication to the color scheme.
- Gold (#EFBF04): Gold introduces a warm, luxurious accent that complements cardinal red’s richness, creating an opulent and inviting palette.
While Cardinal Red is vibrant and bold, it may clash with:
- Neon Pink (#FF13F0): Its high intensity and brightness compete for attention, leading to a visually overwhelming combination.
- Bright Yellow (#FFED29): The stark contrast between the two creates an intense visual discord, making Cardinal Red appear more aggressive.
- Electric Blue (#00F0FF): The extreme contrast in hue and saturation results in a jarring pairing that can be hard on the eyes.
- Mint Green (#ADEBB3): The coolness of mint green contrasts sharply with the warmth of Cardinal Red, disrupting harmony in the palette.
- Peacock Blue (#096C6C): The deep, rich tones of peacock blue may overshadow Cardinal Red, causing a clash of intensities.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Saffron Soul
Ruby Wave
Cherry Ember
Contrast checker
Contrast 5.84
- Large Text
#C41E3A
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.59
- Large Text
#C41E3A
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C41E3A, known as Cardinal Red, has RGB values of R:196, G:30, B:58 and CMYK values of C:0, M:85, Y:70, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #C41E3A | #C41E3A |
| RGB DECIMAL | 196, 30, 58 | RGB(196,30,58) |
| RGB PERCENTAGE | 76.9, 11.8, 22.7 | RGB(76.9%,11.8%,22.7%) |
| CMYK | 0, 85, 70, 23 | |
| HSL | HSL(349.9, 73.5%, 44.3%) | HSL(349.9, 73.5%, 44.3%) |
| HSV (OR HSB) | 349.9°, 84.7, 76.9 | |
| WEB SAFE | #2045151 | #2045151 |
| BINARY | 11000100, 00011110, 00111010 | |
| iOS - SwiftUI | Color(red: 0.769, green: 0.118, blue: 0.227) | |
| iOS - UIKit | UIColor(red: 0.769, green: 0.118, blue: 0.227, alpha: 1) | |
| Android - Compose | Color(0xFFC41E3A) |
