Eggplant is a rich, moody purple that exudes elegance and mystery. It sits between violet and indigo on the color wheel, resembling a lush plum tone. Related shades include aubergine and dusky violet. Use eggplant in designs to add depth and sophistication. Perfect for backgrounds or accents!
Eggplant is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #614051
- RGB value: 38.0% red, 25.1% green, 31.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 eggplant, consider:
- Aubergine (#372528): This deep purple color carries a rich, dark lavender tone that mirrors the moody and sophisticated essence of Eggplant.
- Plum (#8E4585): With its vibrant yet muted violet hue, Plum shares the grape color depth and elegance, reminiscent of a dusky violet.
- Dark Purple (#341539): Holding a smoky purple tint, Dark Purple offers a similar richness and captivating depth closely linked to the wine-like color of Eggplant.
- Burgundy (#660033): Burgundy presents a dark red-purple blend with a Burgundian tint, conjuring a similar dramatic and moody purple atmosphere of Eggplant.
To complement Eggplant, consider pairing it with:
- Chartreuse (#CCFF00): This bright, zesty green provides a striking contrast to Eggplant, creating a lively and energetic palette that highlights Eggplant's moody purple depths.
- Cream (#FDFBD4): Offering a soft, neutral backdrop, Cream balances Eggplant’s rich indigo tones, lending warmth and enhancing a sophisticated look.
- Powder Blue (#B8E3E9): This calming, pastel shade of blue enhances Eggplant's dusky violet hue, providing a refreshing contrast while maintaining elegance.
- Coral (#FF8559): This warm, inviting orange brings a touch of vibrancy to Eggplant’s plum tone, adding a lively yet harmonious balance.
- Sand (#CBBd93): Providing an earthy, muted base, Sand complements Eggplant's smoky purple undertones, resulting in a soothing, natural palette.
While Eggplant is a deep and moody purple, it may clash with:
- Neon Green (#2CFF05): The brightness and high saturation of neon green can sharply contrast against the subdued tones of eggplant, creating a jarring visual experience.
- Bright Yellow (#FFED29): Its intense vibrancy can overpower the muted richness of eggplant, leading to an unbalanced and unsettling pairing.
- Red (#FF2C2C): The strong, saturated red may compete with eggplant’s dark purple hue, leading to a clash that feels visually overwhelming.
- Cyan (#00FFFF): The cool and bright nature of cyan can create too stark a contrast when placed next to eggplant, making the combination feel harsh and discordant.
- Lime Green (#89F336): It introduces a lively and vivid tint that may overshadow eggplant’s darker, more sophisticated tone, resulting in a less cohesive palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Dusky Rose
Botanic Plush
Harmonic Truffle
Contrast checker
Contrast 8.9
- Large Text
#614051
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.36
- Large Text
#614051
- 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 #614051, known as Eggplant, has RGB values of R:97, G:64, B:81 and CMYK values of C:0, M:34, Y:16, K:62.
| VALUE | CSS | |
|---|---|---|
| HEX | #614051 | #614051 |
| RGB DECIMAL | 97, 64, 81 | RGB(97,64,81) |
| RGB PERCENTAGE | 38.0, 25.1, 31.8 | RGB(38.0%,25.1%,31.8%) |
| CMYK | 0, 34, 16, 62 | |
| HSL | HSL(329.1, 20.5%, 31.6%) | HSL(329.1, 20.5%, 31.6%) |
| HSV (OR HSB) | 329.1°, 34.0, 38.0 | |
| WEB SAFE | #10251102 | #10251102 |
| BINARY | 01100001, 01000000, 01010001 | |
| iOS - SwiftUI | Color(red: 0.380, green: 0.251, blue: 0.318) | |
| iOS - UIKit | UIColor(red: 0.380, green: 0.251, blue: 0.318, alpha: 1) | |
| Android - Compose | Color(0xFF614051) |
