الليلكي مقابل اللافندر مقابل الموف: الأشقاء الخفيون للبنفسجي

In the soft, pale territory between pink and purple, three color names compete for the same visual space: lilac, lavender, and mauve. All three are light, desaturated colors with purple-pink undertones. All three read as gentle, feminine, and romantic. And all three are regularly confused with one another in design conversations, product descriptions, and brand guidelines.

Yet experienced designers distinguish them clearly — by their undertones, their historical associations, and the specific moods they create. Understanding the hex code differences reveals why the distinctions matter.

Lilac: The Pink-Purple

Lilac's hex code is #C8A2C8. In RGB: rgb(200, 162, 200) — equal red and blue channels (both at 200), with a lower green channel (162). This equal red-blue relationship, with green suppressed, produces a perfectly balanced pink-purple — no bias toward either pink or blue, sitting symmetrically between them.

In HSL: hsl(300, 28%, 71%) — a hue angle of 300 degrees (exactly halfway between blue-purple at 270° and magenta at 330°/360°), at low saturation (28%) and relatively high lightness (71%). The 300° hue angle is the purest definition of "purple" in HSL terms, stripped of any blue or red bias.

Lilac at a Glance

The equal red and blue channels are the defining technical signature of lilac. This symmetry means lilac is neither pink-leaning nor blue-leaning — it sits squarely at the purple midpoint.

The Name "Lilac"

Lilac takes its name from the flowering shrub Syringa vulgaris, native to the Balkans and introduced to Western Europe in the sixteenth century via the Ottoman Empire. The flowers of the common lilac bloom in dense clusters ranging from pale pink-purple to deeper violet, and the color name followed naturally from the most characteristic shade — the pale pink-purple of the standard variety.

The word entered English around the seventeenth century from French lilas, which came from Arabic līlak, which came from Persian nīlak (meaning bluish, from nīl meaning blue/indigo). This etymological journey from indigo/blue through Arabic and Ottoman Turkish to the pink-purple of the European flower illustrates how color names travel and transform across cultures.

In English, "lilac" became strongly associated with spring, femininity, and mild romance — associations driven by the actual flower, which blooms briefly and fragrantly in early spring. Lilac is one of the most sentimentally loaded color names in the English language.

Lavender: The Blue-Purple

Lavender's hex code is #E6E6FA. In RGB: rgb(230, 230, 250) — equal red and green (both at 230), with a higher blue channel (250). The elevated blue channel is what distinguishes lavender from lilac: where lilac has equal red and blue, lavender has blue elevated above red (and red equal to green). This creates a distinctly blue quality.

In HSL: hsl(240, 67%, 94%) — a hue angle of 240 degrees (pure blue), at high saturation (67%) but extremely high lightness (94%). The 240° hue angle is the same as pure blue — which means lavender is, technically, a very pale blue with slightly purple connotations, rather than a true purple.

This is the key insight that most people miss: lavender leans blue, not purple. Its hue is closer to blue (240°) than to the purple midpoint (270°) or the equal pink-purple of lilac (300°).

Lavender at a Glance

The very high lightness (94%) makes lavender one of the palest colors in the purple family — almost a tinted white. This quality gives it an airy, delicate feel that differs considerably from lilac's slightly warmer, more opaque character.

The Name "Lavender"

Lavender takes its name from the plant Lavandula, cultivated since antiquity for its fragrant flowers and essential oil. The flowers of Lavandula angustifolia (common lavender) bloom in a soft blue-purple — paler and more blue-leaning than the typical lilac flower.

The word "lavender" came into English from Old French lavandre and medieval Latin lavandaria, possibly related to lavare (to wash) — lavender was extensively used in laundry and bathing preparations in the medieval and early modern periods. This connection to cleansing, purity, and fragrance gives lavender its associations with calm, hygiene, and gentle femininity.

Lavender's cultural associations in modern contexts: - Aromatherapy and wellness — lavender essential oil is one of the most widely used, associated with relaxation and sleep - LGBTQ+ symbolism — lavender has historical connections to queer identity, originating in the mid-twentieth century - Baby and nursery design — lavender's pale, calm quality makes it a popular gender-neutral nursery color - Luxury bath and body products — lavender's fragrance and color associations make it a standard in premium personal care branding

Mauve: The Gray-Purple

Mauve's hex code is #E0B0FF. In RGB: rgb(224, 176, 255) — high red (224), moderate green (176), and maximum blue (255). The maximum blue channel and high red together produce a vivid blue-red mixture — but the moderate green value and overall high lightness mute this into a pastel purple with a slight grayish quality.

In HSL: hsl(276, 100%, 85%) — a hue angle of 276 degrees (between pure blue at 240° and the lilac midpoint at 300°, leaning toward blue-purple), at 100% saturation but very high lightness (85%). The 100% saturation means mauve is fully committed to its hue, but the high lightness washes it into a pastel.

This is mauve's defining technical character: it is actually the most saturated of the three (100% HSL saturation vs lilac's 28% and lavender's 67%), but the high lightness keeps it looking soft. Mauve would be a vivid violet if you dropped the lightness — at 85% lightness it reads as a pale, washed-out purple.

Mauve at a Glance

The Name "Mauve" and Its Famous History

Mauve has one of the most consequential origin stories in color history. In 1856, an eighteen-year-old chemistry student named William Henry Perkin was attempting to synthesize quinine (a malaria treatment) from coal tar. He failed at quinine but accidentally produced a reddish-brown sludge that, when dissolved in alcohol, created an intense reddish-purple dye that proved remarkably stable and vivid.

Perkin named his discovery "mauveine" (later abbreviated to "mauve") after the French word for the mallow flower (mauve in French). He patented the dye, set up a factory, and became the first person to produce a synthetic organic dye commercially. The color became a sensation — Queen Victoria wore mauve to her daughter's wedding in 1858, and the purple-pink dye flooded the textile industry, dominating fashion for years in what commentators called the "Mauve Decade" of the 1890s.

This historical origin gives mauve its unique cultural position: it is the first fully synthetic color — the color that launched the entire synthetic dye industry, which in turn transformed chemistry, medicine, and fashion forever. No other color name carries this specific historical weight.

The original mauveine dye produces a slightly grayer, more subdued purple-pink than the modern #E0B0FF definition. Various sources define "mauve" at different hex values; you may also encounter #E0B0FF, #D473D4, and #C8A2C8 all labeled as "mauve" in different design systems.

Side-by-Side Hex Code Comparison

Reading the Table

Three insights from comparing the numbers:

1. Hue angle tells the story of undertones. Lilac at 300° sits at the pure purple midpoint (equidistant between blue and red). Lavender at 240° is pure blue territory. Mauve at 276° sits between them, closer to blue than to the red-purple midpoint.

2. Lightness hierarchy: lavender (94%) > mauve (85%) > lilac (71%). Lavender is the palest, lilac is the darkest and most opaque of the three.

3. Saturation reverses expectations. Mauve at 100% saturation is more "committed" to its hue than the other two — but its high lightness prevents this from reading as vivid. Lilac at 28% saturation is the most muted, which is why it reads as the most grayish of the three.

Nearby Purple-Adjacent Colors for Context

Fashion and Design Contexts

Lilac in Fashion and Design

Lilac's balanced pink-purple and moderate lightness (71%) give it versatility that lavender and mauve lack. It is pale enough to read as soft and romantic but dark enough to hold its own against white and other light colors.

Fashion uses: Lilac became a major fashion color in the mid-2010s and has remained consistently popular. It works well in spring/summer collections and reads as feminine without being overtly pink. Lilac knits, dresses, and accessories are wardrobe staples in the "soft aesthetic" and "cottagecore" fashion spaces.

Interior design: Lilac works as a wall color — it has enough saturation (28%) to read as a distinct color rather than a mere tint, without being overwhelming. Lilac walls in a bedroom create a calm, romantic atmosphere. The warm pink-purple undertone pairs well with white, cream, and warm wood tones.

Web and digital design: Lilac backgrounds (or near-lilac backgrounds like #F5F0FA) are used in wellness, beauty, and lifestyle brands. The key caution: check contrast carefully with the contrast checker — lilac at 71% lightness is dark enough that dark text maintains good contrast, but medium colors may fail.

Lavender in Fashion and Design

Lavender's very high lightness (94%) makes it closer to white than to a full color. It reads almost as a color-tinted white — airy, delicate, and almost ethereal.

Fashion uses: Lavender is a staple in wedding fashion, bridal parties, and formal occasions. Its near-white quality positions it as an alternative to white and cream for weddings (particularly in the bride's party). In streetwear and casual fashion, lavender reads as soft and unisex — it has become popular in gender-neutral clothing lines.

Interior design: Lavender at full #E6E6FA lightness is often too pale for walls — it may barely read as lavender and appear simply as an off-white with a slight purple cast. More effective uses are lavender in soft furnishings (bedding, curtains, cushions) and accessories, where the paleness reads as delicate rather than washed-out.

Brand design: Lavender appears in wellness, sleep, and aromatherapy brands where the calming associations of lavender (the plant and fragrance) support the brand message. It also appears in LGBTQ+-affiliated brands and organizations as a historical color with community significance.

Mauve in Fashion and Design

Mauve's position as the first synthetic dye gives it a unique cultural resonance that sophisticated fashion and design audiences recognize. Its 276° hue angle (blue-violet) and maximum saturation at high lightness produce a sophisticated, slightly complex pastel.

Fashion uses: Mauve was the defining color of the 1890s "Mauve Decade" in Victorian fashion, and it has periodic revivals in contemporary fashion — most recently as part of the broader purple-adjacent pastel trend. Mauve reads as slightly more sophisticated than lilac or lavender, with a hint of the bohemian and historically aware.

Interior design: Mauve in interiors creates a warm, romantic atmosphere that reads as vintage or historically inflected. Mauve walls are popular in maximalist and eclectic interiors. The color pairs well with deep burgundy, hunter green, antique gold, and warm wood tones — a palette associated with Victorian and Edwardian interiors.

Brand design: Mauve appears in beauty, luxury, and artisanal brands. Its historical depth (the story of Perkin's discovery) gives it intellectual and artisanal associations that lilac and lavender lack. Brands that want to signal creativity, history, and craft may gravitate toward mauve.

Contrast and Accessibility

All three colors are light — which creates accessibility challenges:

None of the three should be used as text colors on light backgrounds — all fail even WCAG AA. As background colors, all three work well with dark text (dark purple, dark charcoal, or black). Use the contrast checker to verify any specific combination before deployment.

Converting Between Color Models

Use the color converter to work with any of these colors across HEX, RGB, HSL, CMYK, and OKLCH formats. The palette generator is particularly useful for finding analogous, complementary, and triadic combinations within the lilac-lavender-mauve family.

Key Takeaways

• Lilac #C8A2C8 has equal red and blue channels (both 200) at 300° hue — the pure purple midpoint, making it the most balanced pink-purple of the three. Moderate lightness (71%) makes it the darkest and most opaque
• Lavender #E6E6FA has its hue at 240° (pure blue territory) with elevated blue (250) — making it the most blue-leaning of the three, despite its purple associations. Very high lightness (94%) makes it the palest, almost a tinted white
• Mauve #E0B0FF has 100% saturation at 276° (between blue and purple) with maximum blue channel (255) — technically the most saturated but high lightness (85%) keeps it soft. Named for William Perkin's 1856 accidental synthesis of the first commercial synthetic dye, mauveine
• In fashion: lilac reads as spring and romantic, lavender as delicate and calming, mauve as sophisticated and historically aware
• In interior design: all three create soft, feminine atmospheres, with lilac and mauve suiting maximalist settings and lavender suiting minimalist or near-white palettes
• Accessibility: all three fail as text on white; all three work as background colors with black or very dark text
• Use the palette generator to explore harmonious combinations, and the contrast checker to verify any text-on-background pairing