Eggplant color guide
HEX
#614051
RGB
97, 64, 81
HSL
329°, 20%, 32%
HSV
329°, 34%, 38%
Eggplant is purple that has gone to ground — deep, browned, and almost edible in its earthiness. #614051 hides in shadows differently from blue-blacks or true grays, leaving a wine-stained residue. In interiors and fashion it signals moody richness without defaulting to navy.
Best for
Legal and institutional branding across web and print.
Accessibility
White text on eggplant passes AAA at 8.9:1, so it is safe for dark backgrounds and section headers.
How does eggplant compare to nearby colors?
What is the difference between eggplant and wine?
Eggplant (#614051) looks dustier and more restrained than Wine (#722F37) when the two are shown together. Eggplant keeps the overall palette calmer, while Wine introduces more visual insistence with less area. Begin with eggplant when the family needs its current undertone and surface character; keep wine for the nearby alternative that shifts the mood without leaving the same hue neighborhood.
What color is eggplant?
Named for the vegetable skin (also called "aubergine" in many markets). Common in culinary naming, autumn fashion, and premium dark packaging.
What is the hex code for eggplant?
| Format | Value |
|---|---|
| HEX | #614051 |
| RGB | rgb(97, 64, 81) |
| HSL | hsl(329°, 20%, 32%) |
| HSV / HSB | hsv(329°, 34%, 38%) |
| CMYK (approx.) | cmyk(0%, 34%, 16%, 62%) |
Convert Eggplant to other color formats
Open the color converter with Eggplant (#614051) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Eggplant in the color converter →What does eggplant mean in design?
Eggplant is often associated with warmth, intimacy, and subdued drama. Next to deep purple or grape, eggplant tends to read browner and more organic; beside royal purple, it feels heavier and less spectral.
How do I use eggplant in code?
| CSS (hex) | color: #614051; |
| CSS (rgb) | color: rgb(97, 64, 81); |
| CSS (hsl) | color: hsl(329, 20%, 32%); |
| RGB % | rgb(38%, 25%, 32%) |
| Tailwind | text-[#614051] |
| SwiftUI | Color(red: 0.380, green: 0.251, blue: 0.318) |
| UIKit | UIColor(red: 0.380, green: 0.251, blue: 0.318, alpha: 1.0) |
| Android | Color.rgb(97, 64, 81) |
| Compose | Color(0xFF614051) |
| Web Safe | #663366 |
Is eggplant accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 8.9:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaBlack text on this color | 2.36:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on white | 8.9:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on black | 2.36:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does eggplant look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with eggplant
White helps eggplant stay legible in charts, labels, and UI states where a muddier light neutral would blur the edges.
Because eggplant already carries warmth, navy blue gives the pair a steadier backbone and keeps it closer to premium editorial work than to one-note seasonal color.
Pairing eggplant with charcoal adds useful depth while keeping the palette flexible for interfaces, decks, and editorial layouts.
What colors clash with eggplant
Magenta remaps eggplant too aggressively, dragging it away from luxury, culture, and dramatic editorial systems and into a brighter, more performative palette.
Cyan redirects eggplant toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.
Pastel Pink can undercut eggplant's authority by turning the combination more decorative than decisive.
How should I use eggplant in design?
- •Use eggplant for headlines, sidebar accents, and key data points where you need strong presence without going full dark-mode.
- •Cool neutrals like charcoal and slate sharpen eggplant's warm character, while warm companions like cream and gold amplify its inviting quality.
- •Eggplant's muted quality makes it versatile for large areas — slide backgrounds, card fills, and entire brand systems where louder colors would fatigue.
What are good eggplant palettes?
Bare essentials
Brand guidelines, design systems, and visual identity documents.
Design with eggplant in Moda
Create a presentation or document using eggplant as your accent color. Moda's AI applies your color palette automatically.
Create a design with eggplant →What are the shades and tints of eggplant?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for eggplant?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Wine
Wine is useful when eggplant is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Plum
Plum is useful when eggplant is the right weight but the wrong mood: the swap changes temperature and finish more than contrast.
Mulberry
Mulberry tracks close to eggplant in hue, but the value shift changes where each one earns its place: mulberry is easier to use for backgrounds, tints, and softer supporting areas, while eggplant holds onto accents, stronger hierarchy, and firmer structure.
Burgundy
Burgundy is almost the same hue as eggplant; the real difference is value, with burgundy feeling more grounded and anchor-ready.
Purple
Purple occupies a similar depth to eggplant, though it pushes the family toward a more warm-leaning reading and a different material feel.
Frequently asked questions
What is the hex code for eggplant?
The hex code for eggplant is #614051. In RGB, that's 97 red, 64 green, and 81 blue. The approximate CMYK equivalent is 0% cyan, 34% magenta, 16% yellow, and 62% key (black).
Is eggplant a warm or cool color?
Eggplant sits on the warm side of the palette, so it pairs easily with other warm tones and becomes more energetic when you place it against cooler blues or blue-grays.
Can eggplant carry a full palette without feeling too loud?
Eggplant is restrained enough to carry larger areas without becoming exhausting. That makes it useful for document systems, presentation themes, and site sections where louder colors would wear out their welcome.
Where does eggplant work best in a layout?
Eggplant is muted and versatile. It can carry a full presentation theme, document system, or website section without overwhelming the layout, and it pairs flexibly with both warm and cool accents.
Is eggplant accessible?
Eggplant is strong enough for white text at 8.9:1 contrast, so it can handle dark panels, tags, and section headers without much trouble. As text on white, though, it is usually better reserved for larger headings or short accents than for long paragraphs.
More purple colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Purple colors
Compare eggplant with other purple tones.
Blue colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Pink colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.