Rust is a warm, earthy shade that blends red and orange with a hint of brown. It's located on the red-orange spectrum and feels cozy and weathered. Shades like sienna and terracotta are similar. Ideal for adding a rustic touch to designs or evoking a vintage feel.
Rust is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #B7410E
- RGB value: 71.8% red, 25.5% green, 5.5% 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 Rust, consider:
- Terracotta (#e35336): Presents a warm, earthy tone similar to rust, with a slightly richer red undertone.
- Burnt Sienna (#ed7b58): Shares rust's natural, sun-baked appearance, offering a softer, lighter hue with an orange tint.
- Cinnabar (#e84b3d): Captures rust's lively vibrancy, adding a hint of fiery red for a more intense and vivid look.
- Brick Red (#c04657): Reflects rust's classic, sturdy vibe, providing a deeper, more muted reddish-brown color.
To complement Rust, consider pairing it with:
- Aqua (#00fff0): Aqua’s cool, refreshing tone contrasts beautifully with Rust’s warm earthiness, creating a balanced look.
- Powder Blue (#b8e3e9): The soft, calming nature of powder blue mellows Rust’s intensity, resulting in a serene palette.
- Chartreuse (#ccff00): Chartreuse adds a splash of lively color, enhancing Rust’s vibrancy and making a striking visual statement.
- Beige (#ede8d0): Beige offers a subtle, neutral background that highlights Rust’s richness, ensuring it remains the focal point.
Other colors worth considering include Cream for a warm, cozy ambience and Forest Green for a nature-inspired, earthy combination.
While Rust is deep and earthy, it may clash with:
- Neon Pink (#FF13F0): This color’s vivid intensity can overwhelm the subtle warmth of Rust, leading to a disruptive visual contrast.
- Neon Green (#2CFF05): Its bright, electric nature conflicts with Rust’s natural, grounded tone, creating a visually unsettling combination.
- Cyan (#00FFFF): With its bright, cool tone, Cyan can produce an overly stark contrast against Rust, making compositions feel unbalanced.
- Electric Blue (#00F0FF): This color’s high energy and coolness clash with Rust’s warm and muted qualities, resulting in a jarring effect.
- Lavender (#D3D3FF): The light, pastel nature of Lavender can wash out when placed with Rust, leading to a less cohesive feel.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Rustic Waters
Terracotta Surf
Cinnamon Blaze
Contrast checker
Contrast 5.56
- Large Text
#B7410E
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.78
- Large Text
#B7410E
- 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 #B7410E, known as Rust, has RGB values of R:183, G:65, B:14 and CMYK values of C:0, M:64, Y:92, K:28.
| VALUE | CSS | |
|---|---|---|
| HEX | #B7410E | #B7410E |
| RGB DECIMAL | 183, 65, 14 | RGB(183,65,14) |
| RGB PERCENTAGE | 71.8, 25.5, 5.5 | RGB(71.8%,25.5%,5.5%) |
| CMYK | 0, 64, 92, 28 | |
| HSL | 18.1°, 85.8, 38.6 | HSL(18.1, 85.8%, 38.6%) |
| HSV (OR HSB) | 18.1°, 92.3, 71.8 | |
| WEB SAFE | #993300 | #993300 |
| CIE-LAB | 44.064, 45.756, 51.118 | |
| XYZ | 0.215, 0.139, 0.02 | |
| xyY | 0.718, 0.255, 0.055 | |
| CIE-LCH | 44.064, 68.605, 0.841 | |
| CIE-LUV | 44.064, 95.747, 35.471 | |
| HUNTER-LAB | 44.064, 45.756, 51.118 | |
| BINARY | 10110111, 01000001, 00001110 | |
| iOS - SwiftUI | Color(red: 0.718, green: 0.255, blue: 0.055) | |
| iOS - UIKit | UIColor(red: 0.718, green: 0.255, blue: 0.055, alpha: 1) | |
| Android - Compose | Color(0xFF#B7410E) |
