Figma color wheel
Want to find the perfect complementary or analogous colors to match slate?
Aubergine is a dark, rich shade that beautifully blends the depth of purple and the warm undertones of brown. This elegant color sits between red and purple on the color wheel, resonating with a strong sense of sophistication and luxury. It is often associated with the eggplant, from which it gets its name, carrying an aura of earthy allure and exotic mystery. Aubergine embodies a powerful, yet understated elegance, bringing a touch of opulence to any design. Whether used as a stunning accent or a dominating hue, it adds depth and richness wherever it is applied. The potency of its tone makes is suitable for creating a dramatic and luxurious ambiance.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Cocoa Dream
Urban Oasis
Sunset Glow
For variations within the same spectrum as aubergine, consider:
- Eggplant (#614051): Evokes the deep, muted qualities of Aubergine, sharing a rich, earthy undertone reminiscent of its namesake fruit.
- Dark Purple (#341539): Offers a profound intensity similar to Aubergine, with a deep, nearly black aspect that accentuates richness.
- Plum (#8E4585): Captures a warm and darkened shade, closely echoing the essence of Aubergine while introducing a slight hint of red.
- Wine (#722F37): Mirrors Aubergine’s depth with its dark, reddish-purple hue, reflecting a luxurious and bold tone.
To complement Aubergine, consider pairing it with:
- Mint Green (#ADEBB3): This soft, cool tone creates a refreshing contrast against Aubergine’s deep hue, adding a touch of vibrancy to any design.
- Gold (#EFBF04): The warm, metallic sheen of gold harmonizes beautifully with the rich tones of Aubergine, conveying luxury and elegance.
- Soft Pink (#E89EB8): This delicate shade softens Aubergine's intensity, balancing the palette with a gentle, feminine touch.
- Cream (#FDFBD4): A neutral backdrop like cream allows Aubergine to pop, creating a classic and refined look.
- Sage (#BBB791): This muted, earthy green pairs well with Aubergine, adding a natural and harmonious feel.
Other colors worth considering include mocha for warmth, ivory for a clean contrast, and gray for a modern edge.
While Aubergine is a deep, rich, and moody shade, it may clash with:
- Neon Orange (#FF5C00): The bright intensity of neon orange can overpower the subtle elegance of aubergine, creating a visually harsh contrast.
- Lime Green (#89F336): This bright and vivid green sharply contrasts with aubergine, disrupting the depth and richness of both colors.
- Scarlet (#ED2100): The vibrant hue of scarlet can clash with aubergine’s darkness, making the combination feel visually jarring and unharmonious.
- Magenta (#FD3DB5): Magenta’s bright pink tones may compete against aubergine’s deep purple hue, leading to a palette that feels loud and unbalanced.
- Chartreuse (#CCFF00): The high brightness and yellow-green tint of chartreuse create a stark and unsettling contrast with aubergine’s darker, red-purple tones.
Contrast 14.41
- Large Text
#372528
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.46
- Large Text
#372528
- 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 #6D8196, known as slate, has RGB values of R:109, G:129, B:150 and CMYK values of C:0.27, M:0.14, Y:0, K:0.41.
| VALUE | CSS | |
|---|---|---|
| HEX | 372528 | #372528 |
| RGB DECIMAL | (55, 37, 40) | rgb(55, 37, 40) |
| RGB PERCENTAGE | 21.6%, 14.5%, 15.7% | rgb(21.6%, 14.5%, 15.7%) |
| CMYK | 0, 33, 27, 78 | |
| HSL | 345, 19%, 18% | hsl(345, 19%, 18%) |
| HSV (OR HSB) | 345, 33%, 22% | |
| WEB SAFE | 333333 | #333333 |
| CIE-LAB | 15.78, 6.91, 0.98 | |
| XYZ | 2.78, 2.49, 2.99 | |
| xyY | 0.31, 0.28, 2.49 | |
| CIE-LCH | 15.78, 7.01, 8.09 | |
| CIE-LUV | 15.78, 9.01, -0.75 | |
| HUNTER-LAB | 15.78, 4.04, 0.69 | |
| BINARY | 0110111, 00100101, 00101000 | |
| iOS - SwiftUI | Color(0.216, 0.145, 0.157) | |
| iOS - UIKit | UIColor(red: 0.216, green: 0.145, blue: 0.157, alpha: 1) | |
| Android - Compose | Color(0xFF6A5ACD) |
