Eggplant

HEX: #614051 | Modern Palette

On White
8.90:1
PASS
On Black
2.36:1
FAIL

Color Specifications

HEX
#614051
RGB
97, 64, 81
HSL
329°, 34% ,38%
CMYK
0, 34.02, 16.49, 61.96

About Eggplant

Eggplant (#614051) is a color with RGB(97, 64, 81) and HSL(329.09°, 34.02%, 38.04%). In design, it fits Muted, Warm styles and is suitable for Text, Print. Its complementary color is #406150, which creates strong contrast. Its triadic palette includes #516140 and #405161. The name comes from vatingana (Sanskrit).

  • HEX: #614051
  • RGB: 97, 64, 81
  • HSL: 329.09°, 34.02%, 38.04%
  • Style: Muted, Warm
  • Use case: Text, Print
  • Complementary color: #406150
  • Triadic colors: #516140, #405161
  • The name comes from vatingana (Sanskrit).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #614051 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Print

Accessibility Simulation

Deuteranopia #4B4B50
Protanopia #454551
Tritanopia #5F4242
Achromatopsia #4A4A4A

Frequently Asked Questions

Eggplant (#614051) is a color with RGB(97, 64, 81) and HSL(329.09°, 34.02%, 38.04%).

#614051 pairs strongly with #406150 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#614051 is suitable for Text, Print and works well with Muted, Warm styles.

The name Eggplant is linked to vatingana from Sanskrit, meaning eggplant.

Name, History & Etymology

Origin Word vatingana
Meaning eggplant
Language Sanskrit
First Recorded Use 1st Millennium BCE

History

The word 'eggplant' has a fascinating journey through various languages. It originated from the Sanskrit 'vatingana'. From there, it traveled to Persian as 'bādingān', then to Arabic as 'al-bādhijān'. Spanish adopted it as 'berenjena', and Portuguese as 'beringela'. English borrowed 'aubergine' from French, which in turn came from Catalan 'albergínia', also derived from Arabic. The term 'eggplant' itself emerged in English in the mid-18th century, likely due to the fruit's resemblance to a goose or hen's egg in some early European varieties.

First Recorded Use

The earliest known cultivation and use of eggplant traces back to ancient India.

Cultural Associations

Eggplant is a staple in many cuisines worldwide, particularly in Mediterranean, Middle Eastern, and South Asian dishes. It is highly versatile and can be grilled, baked, fried, roasted, or stewed. In some cultures, it holds symbolic significance; for example, in India, it is sometimes associated with fertility. Its distinctive purple color is also often used in art and design.

Similar Named Colors

Tuscan Red #66424D ΔE 2.90
Dark Byzantium #5D3954 ΔE 4.03
Halayà úbe #663854 ΔE 4.63
Old Mauve #673147 ΔE 6.12

Code Snippets

/* Background */
.element {
    background-color: #614051;
}

/* Text */
.element {
    color: #614051;
}

/* Border */
.element {
    border: 1px solid #614051;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #614051,
        #408260
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #614051,
        #408260
    );
}

// SCSS variable
$eggplant: #614051;

// With RGB channels (useful for rgba() usage)
$eggplant-r: 97;
$eggplant-g: 64;
$eggplant-b: 81;

// Usage
.element {
    background-color: $eggplant;
    color: rgba($eggplant-r, $eggplant-g, $eggplant-b, 0.8);
}