Figma color wheel
Want to find the perfect complementary or analogous colors to match Marsala?
Marsala is a warm, earthy hue that exudes sophistication and comfort. Nestled between red and brown on the color wheel, this rich shade resembles deep wine or burnt sienna. Variants include burgundy and russet. Use Marsala to add elegance in designs, balancing bold colors effortlessly.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Smoky Chestnut
Rustic Lagoon
Vivid Earth
Marsala is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #964F4C
- RGB value: 58.8% red, 31.0% green, 29.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 Marsala, consider:
- Burgundy (#660033): This deep, rich hue aligns with Marsala's earthiness, sharing a similar blend of red and brown but with a more intense wine-like feel.
- Rose red (#fa003f): Rose red captures Marsala’s boldness and warmth, offering a vibrant option with a noticeable red dominance.
- Cinnabar (#e84b3d): Cinnabar’s bright, warm tone presents a more vibrant take, echoing Marsala's warmth with a hint of orange.
- Cognac (#a2574f): Cognac provides a balanced mix of red and brown, resembling Marsala's warm, sophisticated undertone with an added hint of depth.
To complement Marsala, consider pairing it with:
- Mint Green (#ADEBB3): This light and fresh hue provides a cool contrast to Marsala's warmth, balancing the palette with a calm and invigorating touch.
- Gold (#EFBF04): Gold introduces a luxurious and sophisticated accent to Marsala's rich tones, creating an elegant and elevated combination.
- Powder Blue (#B8E3E9): The soft, airy quality of powder blue complements Marsala's earthiness, creating a serene and balanced aesthetic.
- Chartreuse (#CCFF00): Bold and bright, chartreuse adds an unexpected pop of color that energizes Marsala, making the combination lively and dynamic.
While Marsala is rich and earthy, it may clash with:
- Neon Green (#2CFF05): Its intense brightness creates an overpowering contrast with Marsala's subtle depth.
- Cyan (#00FFFF): This vivid hue clashes with Marsala's warm undertones, leading to a sharp and unsettling visual pairing.
- Bright Yellow (#FFED29): Its vibrant and sunny nature overshadows Marsala's muted elegance, causing a discordant look.
- Violet (#7F00FF): The vibrant purple competes with Marsala, resulting in a palette that lacks harmony.
- Magenta (#FD3DB5): Its high saturation contrasts sharply with Marsala’s deep tones, leading to a visually jarring effect.
Contrast checker
Contrast 5.97
- Large Text
#964F4C
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.52
- Large Text
#964F4C
- 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 #964F4C, known as Marsala, has RGB values of R:150, G:79, B:76 and CMYK values of C:0, M:47, Y:49, K:41.
| VALUE | CSS | |
|---|---|---|
| HEX | #964F4C | #964F4C |
| RGB DECIMAL | 150, 79, 76 | RGB(150,79,76) |
| RGB PERCENTAGE | 58.8, 31.0, 29.8 | RGB(58.8%,31.0%,29.8%) |
| CMYK | 0, 47, 49, 41 | |
| HSL | HSL(2.4, 32.7%, 44.3%) | HSL(2.4, 32.7%, 44.3%) |
| HSV (OR HSB) | 2.4°, 49.3, 58.8 | |
| WEB SAFE | #15310251 | #15310251 |
| BINARY | 10010110, 01001111, 01001100 | |
| iOS - SwiftUI | Color(red: 0.588, green: 0.310, blue: 0.298) | |
| iOS - UIKit | UIColor(red: 0.588, green: 0.310, blue: 0.298, alpha: 1) | |
| Android - Compose | Color(0xFF964F4C) |
