Chestnut is a warm, earthy brown that evokes comfort and stability. Positioned in the brown spectrum, it has rich, reddish undertones. Similar shades include mahogany and russet. Use chestnut in designs for a cozy, grounded feel.
Chestnut is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #954535
- RGB value: 58.4% red, 27.1% green, 20.8% 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 Chestnut, consider:
- Brown (#895129): This color shares a rich, earthy hue, echoing Chestnut's warm and natural tones.
- Red-Brown (#942222): Exhibiting a mix of red and brown, this shade aligns with Chestnut's warm and grounded essence.
- Cognac (#a2574f): This color combines earthy warmth with reddish undertones, reminiscent of Chestnut’s inviting richness.
- Mocha (#6d3b07): The deep, robust tone of Mocha aligns with Chestnut’s earthy and comforting characteristics.
To complement Chestnut, consider pairing it with:
- Mint green (#ADEBB3): This refreshing color adds a serene contrast to Chestnut, enhancing its warmth with a cool touch.
- Cornflower blue (#6395EE): Offers a striking contrast that energizes the palette, making Chestnut stand out vibrantly.
- Dusty rose (#DCA1A1): Softens the strong presence of Chestnut, creating a balanced and sophisticated look.
- Olive green (#636B2F): Adds an organic, earthy feel that complements Chestnut’s natural charm.
While Chestnut is a rich and warm hue, it may clash with:
- Neon Pink (#FF13F0): The brightness of neon pink competes with Chestnut, creating an intense visual discord.
- Cyan (#00FFFF): Cyan's high contrast can look harsh against Chestnut, disrupting balance.
- Bright Orange (#FF991C): The vividness of bright orange may overpower Chestnut’s subtle warmth, leading to visual tension.
- Electric Blue (#00F0FF): This vibrant blue contrasts sharply with Chestnut’s earthy tones, creating a potentially jarring effect.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Russet Twilight
Sienna Surf
Copper Mint
Contrast checker
Contrast 6.6
- Large Text
#954535
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.18
- Large Text
#954535
- 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 #954535, known as Chestnut, has RGB values of R:149, G:69, B:53 and CMYK values of C:0, M:54, Y:64, K:42.
| VALUE | CSS | |
|---|---|---|
| HEX | #954535 | #954535 |
| RGB DECIMAL | 149, 69, 53 | RGB(149,69,53) |
| RGB PERCENTAGE | 58.4, 27.1, 20.8 | RGB(58.4%,27.1%,20.8%) |
| CMYK | 0, 54, 64, 42 | |
| HSL | HSL(10.0, 47.5%, 39.6%) | HSL(10.0, 47.5%, 39.6%) |
| HSV (OR HSB) | 10.0°, 64.4, 58.4 | |
| WEB SAFE | #1535151 | #1535151 |
| BINARY | 10010101, 01000101, 00110101 | |
| iOS - SwiftUI | Color(red: 0.584, green: 0.271, blue: 0.208) | |
| iOS - UIKit | UIColor(red: 0.584, green: 0.271, blue: 0.208, alpha: 1) | |
| Android - Compose | Color(0xFF954535) |
