Figma color wheel
Want to find the perfect complementary or analogous colors to match burnt sienna?
Burnt sienna is a warm and inviting reddish-brown shade with an earthy quality. It sits between red and orange on the color wheel, leaning toward the warmer side. This shade evokes images of autumn landscapes and terracotta pottery, offering a sense of grounding and stability.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Terracotta
Fire Coral
Fruit Salad
Burnt sienna is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #ED7B58
- RGB value: 92.9% red, 48.2% green, and 34.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.
Here are some ways to use burnt sienna in your designs:
- Spice up CTAs. Burnt sienna’s vibrancy makes it ideal for highlighting buttons or links. These elements will stand out against lighter backgrounds, encouraging clicks.
- Create bold accents. A burnt sienna element against a neutral background adds a bit of personality and grabs attention—great for headers or icons.
- Highlight web navigation. Using burnt sienna as a visual cue helps users understand their current location within an app or website.
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same warm spectrum as burnt sienna, consider:
- Red-orange (#FF4D00) blends the fiery tones of red with the energy of orange.
- Terracotta (#E2725B) exudes the warmth of baked clay, adding a touch of Mediterranean flair.
- Ochre (#CC7722) is an earthy color with a grounded feel, reminiscent of golden sunsets and ancient landscapes.
To complement burnt sienna, consider pairing it with:
- Green sage (#98A869) is a muted green that balances burnt sienna’s warmth, creating a calming, natural aesthetic.
- Light blue (#90D5FF) provides a refreshing contrast, letting burnt sienna’s richness shine.
- Dusty rose (#DCA1A1) adds elegance, creating a sophisticated, romantic palette.
- Teal (#069494) adds contrast, highlighting burnt sienna’s warmth without overpowering it.
Other colors worth considering include soft beige for a harmonious neutral palette and deep forest green for a natural contrast.
While burnt sienna is a versatile color, it may clash with:
- Yellow (#FFFF00) is highly saturated, overpowering burnt sienna’s warmth and creating a visually jarring contrast.
- Lime green (#89F336) can create an unbalanced, sickly feel when paired with burnt sienna’s earthy tones.
- Hot pink (#FF69B4) clashes with burnt sienna’s muted hues, resulting in a visually overwhelming combination.
- Neon orange (#FF9933) competes for attention, creating a chaotic feel.
- Brown (#895129) can overpower burnt sienna’s subtle variations, creating a dull, monotonous look.
Burnt sienna symbolizes stability, reliability, and a connection to the earth.
In color psychology, burnt sienna evokes security and comfort. Its warm, earthy hues promote feelings of well-being and grounding.
Burnt sienna’s calming nature makes it ideal for building trust in UI design. It’s useful as an accent to draw attention without overwhelming users. To maximize burnt sienna’s warmth, consider pairing it with lighter or cooler tones to create a balanced look.
Burnt sienna is named after Siena, a city in Tuscany, Italy. The color name “sienna” first appeared in English around 1760. For centuries, burnt sienna’s natural roots linked it to the earth. In prehistoric cave paintings, burnt sienna represented earth’s life-giving power.
Renaissance artists appreciated burnt sienna for creating realistic skin tones and adding depth to landscapes. This period marked a surge in the color’s artistic prominence.
Today, burnt sienna has various applications, including design, interior decor, and fine art.
Contrast 2.77
- Large Text
#ED7B58
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 7.58
- Large Text
#ED7B58
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #ED7B58, known as burnt sienna, has RGB values of R:237, G:123, B:88 and CMYK values of C:0, M:48, Y:63, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | ED7B58 | #ED7B58 |
| RGB DECIMAL | 237, 123, 88 | RGB(237,123,88) |
| RGB PERCENTAGE | 92.9, 48.2, 34.5 | RGB(92.9%,48.2%,34.5%) |
| CMYK | 0, 48, 63, 7 | |
| HSL | 14.1°, 80.5, 63.7 | HSL(14.1,80.5%,63.7%) |
| HSV (OR HSB) | 14.1°, 62.9, 92.9 | |
| WEB SAFE | FF6666 | #FF6666 |
| CIE-LAB | 64.063, 41.019, 38.872 | |
| XYZ | 43.771, 32.879, 13.273 | |
| xyY | 0.487, 0.366, 32.879 | |
| CIE-LCH | 64.063, 56.512, 43.46 | |
| CIE-LUV | 64.063, 88.042, 37.233 | |
| HUNTER-LAB | 57.34, 35.914, 26.413 | |
| BINARY | 11101101, 01111011, 01011000 | |
| iOS - SwiftUI | Color(red: 0.929, green: 0.482, blue: 0.345) | |
| iOS - UIKit | UIColor(red: 0.929 green: 0.482, blue: 0.345, alpha: 1) | |
| Android - Compose | Color (0xFFED7B58) |
