Figma color wheel
Want to find the perfect complementary or analogous colors to match Sienna?
Sienna is a warm, earthy hue reminiscent of sunset glows and clay. It's nestled between brown and red on the color wheel, giving off a rustic, natural feel. Related shades include burnt sienna and terracotta. Sienna adds depth and warmth to designs, perfect for autumn palettes and rustic themes.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Autumn Spice
Terracotta Tide
Vintage Odyssey
Sienna is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #882D17
- RGB value: 53.3% red, 17.6% green, 9.0% 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 sienna, consider:
- Terracotta (#E35336): Terracotta boasts an earthy vibe with its deep orange-red tone, closely aligning with Sienna’s warm, rustic essence. Both colors evoke the natural pigment found in clay, reflecting an authentic connection to Earth tones.
- Rust (#B7410E): Rust presents a muted red-brown hue, mirroring Sienna's rich warmth. This shade captures the essence of weathered metal, creating a rustic feel reminiscent of ancient Earth tones.
- Burnt Orange (#BE5103): Burnt Orange provides a vivid, uplifting variation with its deep orange-red hue. It retains Sienna’s warmth and adds a lively twist, perfect for conveying a sunset glow or autumn palette.
- Brick Red (#C04657): Brick Red offers a brownish-red shade, echoing Sienna's connection to natural pigments. Its resemblance to brick structures ties back to earthy undertones, making it an ideal companion in a rustic color mix.
To complement Sienna, consider pairing it with:
- Mint Green (#ADEBB3): This soft, cool shade contrasts beautifully with Sienna's warm, earthy tones, creating a fresh and balanced palette.
- Sky Blue (#82C8E5): The light and airy feel of sky blue enhances Sienna's depth, adding a serene dimension to your design.
- Cream (#FDFBD4): Cream provides a subtle, neutral backdrop that allows Sienna's rich warmth to stand out while maintaining an elegant and harmonious appearance.
- Burnt Orange (#BE5103): This deeper orange shade complements Sienna by echoing its earthy qualities, bringing a cohesive warmth to your palette.
- Olive Green (#636B2F): Olive green introduces a natural, earthy contrast that pairs well with Sienna’s rustic feel, enhancing the overall autumn palette.
While Sienna is an earthy, deep orange with a rich, rustic feel, it may clash with:
- Neon Green (#2CFF05): Its high brightness and saturation create a visually jarring look next to Sienna's muted red tone.
- Bright Yellow (#FFED29): This vibrant hue can overwhelm Sienna's warm subtlety, leading to a glaring contrast.
- Fuchsia (#FF00FF): The intense saturation and vibrancy of fuchsia can compete too strongly with Sienna’s rustic charm.
- Aqua (#00FFF0): The coolness and brightness of aqua contrast sharply with Sienna's warm earth tones, causing discord in the palette.
- Royal Blue (#305CDE): Its bold and intense tone can compete with Sienna, overshadowing its natural pigment qualities.
Contrast checker
Contrast 8.63
- Large Text
#882D17
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.43
- Large Text
#882D17
- 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 #882D17, known as Sienna, has RGB values of R:136, G:45, B:23 and CMYK values of C:0, M:67, Y:83, K:47.
| VALUE | CSS | |
|---|---|---|
| HEX | #882D17 | #882D17 |
| RGB DECIMAL | 136, 45, 23 | RGB(136,45,23) |
| RGB PERCENTAGE | 53.3, 17.6, 9.0 | RGB(53.3%,17.6%,9.0%) |
| CMYK | 0, 67, 83, 47 | |
| HSL | HSL(11.7, 71.1%, 31.2%) | HSL(11.7, 71.1%, 31.2%) |
| HSV (OR HSB) | 11.7°, 83.1, 53.3 | |
| WEB SAFE | #153510 | #153510 |
| BINARY | 10001000, 00101101, 00010111 | |
| iOS - SwiftUI | Color(red: 0.533, green: 0.176, blue: 0.090) | |
| iOS - UIKit | UIColor(red: 0.533, green: 0.176, blue: 0.090, alpha: 1) | |
| Android - Compose | Color(0xFF882D17) |
