#614051Eggplant hex code: #614051 · RGB 97, 64, 81. Also called aubergine.
Eggplant (aubergine) is a deep, brownish purple named after the vegetable's glossy skin. The common reference value is #614051, muted and slightly warm. It's darker and browner than plum and less red than burgundy.
Eggplant is rich and sophisticated without being loud: it suits wine bars, restaurants, cosmetics, autumn fashion and premium packaging. It also makes an unexpected alternative to navy or black for headers and dark themes.
White and cream text read well on eggplant. Pair it with mustard or gold for warmth, blush or dusty pink for softness, or olive green for an earthy, autumnal mix.
Popular color names rarely have one official value. "Reference" values are the ones commonly listed in general color references; "HueWiz pick" values are lighter, deeper or muted versions chosen for interface work. Click a code to copy it.
#614051rgb(97, 64, 81) · reference#3B0918rgb(59, 9, 24) · HueWiz pick#5B3256rgb(91, 50, 86) · HueWiz pick#A08494rgb(160, 132, 148) · HueWiz pickThe same base color in a light and a dark theme. Surfaces and text are tinted with eggplant's hue; links are adjusted until they reach 4.5:1 against the surface. The accent comes from the first palette below.
Spring collection
Designed around eggplant.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#FCF4F8 · text #261C21 · link #614051Spring collection
Designed around eggplant.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#191115 · text #F2EDEF · link #9A7588Hand-picked combinations that work with eggplant. Hover a swatch to see its code; click to copy.
WCAG 2.x asks for 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA. Ratios are truncated, not rounded, so a pass shown here is a real pass. Check your exact pairs in the contrast checker.
| Pairing | Ratio | Normal text | Large text |
|---|---|---|---|
| White text on eggplant | 8.89:1 | AAA | AAA |
| Black text on eggplant | 2.36:1 | Fail | Fail |
| Eggplant text on white | 8.89:1 | AAA | AAA |
| Eggplant text on near-black #111111 | 2.12:1 | Fail | Fail |
An 11-step 50–950 ramp generated in OKLCH from #614051. Light steps suit backgrounds and borders, middle steps buttons, dark steps text. This is a generated ramp, not an official Tailwind palette.
@import "tailwindcss";
@theme {
--color-eggplant-50: #FFF3F9;
--color-eggplant-100: #F6E8EF;
--color-eggplant-200: #E6D5DD;
--color-eggplant-300: #D0BCC6;
--color-eggplant-400: #B69EAA;
--color-eggplant-500: #9D828F;
--color-eggplant-600: #846675;
--color-eggplant-700: #6E4E5F;
--color-eggplant-800: #583949;
--color-eggplant-900: #402533;
--color-eggplant-950: #29141F;
--color-eggplant: #614051;
}:root {
--eggplant: #614051;
--eggplant-rgb: 97 64 81;
--eggplant-light: #F6E8EF;
--eggplant-dark: #583949;
}
.btn-eggplant {
background: #614051;
color: #FFFFFF;
}Need semantic roles (surface, text, primary, accent) and exports? Open eggplant in the Tailwind color generator.
#614051 is the value HueWiz uses for eggplant; it equals rgb(97, 64, 81). Other common versions include #3B0918 (aubergine dark), #5B3256 (purple eggplant), #A08494 (eggplant tint).
With an HSL hue of 329° and 20% saturation, eggplant reads as a cool purple.
Use white or very light text. White on #614051 measures 8.89:1 and black measures 2.36:1; WCAG AA needs 4.5:1 for normal text.
Try eggplant & mustard (#614051, #E1AD01, #F6EFE6); autumn harvest (#614051, #B7410E, #708238); plum blush (#5B3256, #E8C4C0, #FBF7F4). Each palette above can be copied or opened in the HueWiz studio.
Eggplant isn't a CSS keyword. These built-in CSS colors are the nearest by perceptual (OKLab) distance; lower ΔE means closer.
#2F4F4F · ΔE 9#483D8B · ΔE 11#8B4513 · ΔE 11#696969 · ΔE 12