Redwood is a warm, earthy brownish-red, nestled between red and brown on the color wheel. It evokes a rustic, autumnal feel reminiscent of mahogany and cherry. Perfect for adding warmth and a sophisticated touch to designs, redwood pairs well with cream and neutral tones.
Redwood is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #A45A52
- RGB value: 64.3% red, 35.3% green, 32.2% 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 redwood, consider:
- Mahogany (#c04000): This color shares a brownish-red richness with Redwood, embodying those warm, earthy tones reminiscent of autumn leaves and rustic wooden furniture.
- Red-Brown (#942222): With its reddish-brown depth, Red-Brown mirrors Redwood's robust and grounded aesthetic, evoking a sense of timeless elegance and warmth.
- Burgundy (#660033): Burgundy presents a darker, wine-infused version of reddish-brown that aligns with Redwood's bold, warm character, suitable for both classic and modern palettes.
- Chestnut (#954535): This warm shade echoes the earthy essence of Redwood, featuring a comforting mix of brown and red, invoking the cozy appeal of autumnal colors.
To complement Redwood, consider pairing it with:
- Sky Blue (#82C8E5): The lightness of sky blue provides a refreshing contrast to Redwood’s earthy tones, creating a balanced and serene palette.
- Apricot (#FFB27F): This warm shade adds a sunny, inviting touch to Redwood, enhancing its rustic hue with a soft and friendly vibe.
- Mint Green (#ADEBB3): Mint green's cool undertones harmonize with Redwood’s richness, offering a soothing and natural blend reminiscent of a forest palette.
- Goldenrod (#DAA520): Goldenrod introduces warmth and vibrancy, echoing autumnal colors that perfectly complement Redwood's reddish-brown appeal.
- Slate Gray (#6D8196): This cool, muted gray adds a sophisticated edge to Redwood, providing a chic and modern look without overpowering the warm shades.
While Redwood is a beautiful, earthy tone that exudes warmth and natural finish, it may clash with:
- Neon Pink (#FF13F0): The vivid brightness of neon pink can overwhelm Redwood's subtle, rustic hue, creating a visually jarring effect.
- Cyan (#00FFFF): Cyan’s high contrast and cool tone can starkly oppose Redwood's warm, brownish-red nature, leading to an unbalanced palette.
- Green (#008000): This vibrant shade of green may create excessive contrast, conflicting with Redwood's harmonious, autumnal colors.
- Magenta (#FD3DB5): The intense vibrancy of magenta can compete with Redwood's reddish-brown warmth, resulting in visual clutter.
- Lemon (#FFF700): Lemon's bright and striking hue can clash with Redwood, making it difficult to achieve a cohesive look when paired together.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Vintage Harbor
Rustic Tide
Rosy Rhapsody
Contrast checker
Contrast 5.04
- Large Text
#A45A52
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.16
- Large Text
#A45A52
- 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 #A45A52, known as Redwood, has RGB values of R:164, G:90, B:82 and CMYK values of C:0, M:45, Y:50, K:36.
| VALUE | CSS | |
|---|---|---|
| HEX | #A45A52 | #A45A52 |
| RGB DECIMAL | 164, 90, 82 | RGB(164,90,82) |
| RGB PERCENTAGE | 64.3, 35.3, 32.2 | RGB(64.3%,35.3%,32.2%) |
| CMYK | 0, 45, 50, 36 | |
| HSL | HSL(5.9, 33.3%, 48.2%) | HSL(5.9, 33.3%, 48.2%) |
| HSV (OR HSB) | 5.9°, 50.0, 64.3 | |
| WEB SAFE | #153102102 | #153102102 |
| BINARY | 10100100, 01011010, 01010010 | |
| iOS - SwiftUI | Color(red: 0.643, green: 0.353, blue: 0.322) | |
| iOS - UIKit | UIColor(red: 0.643, green: 0.353, blue: 0.322, alpha: 1) | |
| Android - Compose | Color(0xFFA45A52) |
