Russet is a warm, earthy color, blending red and brown for an autumnal feel. Found between red and brown on the color wheel, it evokes cozy, natural vibes. Variants include cinnamon and chestnut. Ideal for designs needing a touch of warmth and rustic charm.
Russet is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #80461B
- RGB value: 50.2% red, 27.5% green, 10.6% 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 Russet, consider:
- Burnt orange (#be5103): Shares a rich, warm undertone with russet, offering a deep, earthy appeal grounded in orange hues.
- Burnt Sienna (#ed7b58): Combines a reddish-brown essence similar to russet, capturing a warm, natural glow.
- Brick Red (#c04657): Possesses a red-brown richness, echoing russet’s earthy, grounded character.
- Copper (#c68346): Features a warm, metallic brown that parallels russet’s depth and warmth, adding a hint of metallic sheen.
To complement russet, consider pairing it with:
- Mint Green (#ADEBB3): Mint green's refreshing tone balances russet's warm, earthy hues, creating a lively yet composed palette.
- Soft Pink (#E89EB8): Soft pink introduces a gentle contrast against russet, adding a touch of softness to the overall design.
- Olive Green (#636B2F): Olive green provides an earthy depth that harmonizes with russet's warm undertones for a natural, grounded look.
- Light Orange (#FFDBBB): Light orange complements russet's rich warmth with a bright, energetic burst, enhancing vibrancy.
- Cream (#FDFBD4): Cream offers a light, neutral backdrop, allowing russet's richness to take center stage without overwhelming the design.
While russet is warm and earthy, it may clash with:
- Blue-green (#00CEC8): Russet's warm tones can clash with the cool and vibrant qualities of blue-green, creating a discordant pairing.
- Neon Pink (#FF13F0): The intensity and vibrancy of neon pink can overwhelm russet's warm and subdued nature, leading to a visually jarring contrast.
- Mint Green (#ADEBB3): The light and fresh tone of mint green may wash out russet, causing an imbalance in contrast and saturation.
- Neon Orange (#FF5C00): Neon orange's brightness and energy can create a competing visual impact with russet, making the combination too intense.
- Cyan (#00FFFF): The stark contrast between cyan's bright, cool tones and russet's warm, deep hues can result in a clash that feels mismatched and harsh.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Bronze Forest
Bronze Abyss
Amber Maple
Contrast checker
Contrast 7.47
- Large Text
#80461B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.81
- Large Text
#80461B
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #80461B, known as Russet, has RGB values of R:128, G:70, B:27 and CMYK values of C:0, M:45, Y:79, K:50.
| VALUE | CSS | |
|---|---|---|
| HEX | #80461B | #80461B |
| RGB DECIMAL | 128, 70, 27 | RGB(128,70,27) |
| RGB PERCENTAGE | 50.2, 27.5, 10.6 | RGB(50.2%,27.5%,10.6%) |
| CMYK | 0, 45, 79, 50 | |
| HSL | HSL(25.5, 65.2%, 30.4%) | HSL(25.5, 65.2%, 30.4%) |
| HSV (OR HSB) | 25.5°, 78.9, 50.2 | |
| WEB SAFE | #1535151 | #1535151 |
| BINARY | 10000000, 01000110, 00011011 | |
| iOS - SwiftUI | Color(red: 0.502, green: 0.275, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 0.502, green: 0.275, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFF80461B) |
