Rusty red is a warm, earthy color combining deep red and brown, evoking autumn's cozy feel. It sits between red and brown on the color wheel. Shades like rust orange red and terra cotta share its rustic charm. Use it to add warmth and a natural patina to designs, perfect for vintage or industrial themes.
Rusty red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DA2C43
- RGB value: 85.5% red, 17.3% green, 26.3% 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 rusty red, consider:
- Brick Red (#c04657): Brick Red possesses a warm, earthy intensity similar to Rusty Red, but with a slightly more muted tone that echoes classic terracotta elements.
- Red-Brown (#942222): Red-Brown combines deep red with brown undertones, reflecting Rusty Red's weathered appearance and adding an oxidized metal look.
- Mahogany (#c04000): Mahogany shows off a rich blend of red and brown, much like Rusty Red, offering an earthy, subdued warmth reminiscent of natural patina.
- Cinnabar (#e84b3d): Cinnabar shines with its bold red-orange hue, capturing the rusty orange-red essence of Rusty Red while providing a slightly bolder presence.
To complement Rusty red, consider pairing it with:
- Sea Green (#2E8B57): Sea Green adds a refreshing contrast to Rusty red’s warm tones, creating a balanced, earthy palette with a hint of vibrancy.
- Teal (#069494): Teal's blue-green hue complements Rusty red by adding depth and energy, enhancing the vintage palette with a modern twist.
- Beige (#EDE8D0): Beige provides a neutral backdrop that emphasizes Rusty red's earthy shades while maintaining a calm, natural patina.
- Light Blue (#90D5FF): Light Blue softens Rusty red’s intensity, delivering a serene balance that evokes an autumnal vibe.
- Olive Green (#636B2F): Olive Green pairs well with Rusty red’s copper-like tint, crafting a cohesive look that highlights natural, terra cotta nuances.
While Rusty red is part of a warm, earthy spectrum, some colors may not harmonize well with it:
- Neon Green (#2CFF05): Neon Green's intense brightness clashes with Rusty red's muted warmth, creating a stark, jarring contrast.
- Bright Yellow (#FFED29): Bright Yellow’s vivid intensity can overwhelm Rusty red’s subdued tone, making the combination visually discordant.
- Hot Pink (#FF46A2): Hot Pink’s vibrancy may compete with Rusty red, leading to a conflict of playful and earthy vibes.
- Cyan (#00FFFF): Cyan's cool, bright hue contrasts sharply with the warmth of Rusty red, resulting in a clashing palette.
- Violet (#7F00FF): Violet’s deep and cool undertone can fight against Rusty red's warmness, creating a dissonant and heavy pairing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Scarlet Fusion
Vibrant Lagoon
Cranberry Zest
Contrast checker
Contrast 4.75
- Large Text
#DA2C43
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.42
- Large Text
#DA2C43
- 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 #DA2C43, known as Rusty red, has RGB values of R:218, G:44, B:67 and CMYK values of C:0, M:80, Y:69, K:15.
| VALUE | CSS | |
|---|---|---|
| HEX | #DA2C43 | #DA2C43 |
| RGB DECIMAL | 218, 44, 67 | RGB(218,44,67) |
| RGB PERCENTAGE | 85.5, 17.3, 26.3 | RGB(85.5%,17.3%,26.3%) |
| CMYK | 0, 80, 69, 15 | |
| HSL | HSL(352.1, 70.2%, 51.4%) | HSL(352.1, 70.2%, 51.4%) |
| HSV (OR HSB) | 352.1°, 79.8, 85.5 | |
| WEB SAFE | #2045151 | #2045151 |
| BINARY | 11011010, 00101100, 01000011 | |
| iOS - SwiftUI | Color(red: 0.855, green: 0.173, blue: 0.263) | |
| iOS - UIKit | UIColor(red: 0.855, green: 0.173, blue: 0.263, alpha: 1) | |
| Android - Compose | Color(0xFFDA2C43) |
