Aubergine

#372528

What color is Aubergine?

Aubergine is a very dark brownish-purple, hex #372528, with more red in it than a typical deep violet. It is close to the skin of a ripe eggplant, though darker and less vivid.

What is the meaning of the color Aubergine?

French botanists recorded the term aubergine for the eggplant fruit by the 18th century, borrowing through Arabic and Persian from the Sanskrit vatinganah. The color name followed the fruit, entering English usage as a fashion and textile term in the 19th century, used to describe deep brownish-purple dyes applied to wool and silk. Victorian mourning dress made use of such muted dark purples as acceptable alternatives to black after a period of half-mourning had passed. The shade is anchored in fashion history by Liberty of London, which stocked aubergine-dyed fabrics under that name from the late 19th century onward.

RGB
55, 37, 40
HSL
350°, 20%, 18%
CMYK
0, 33, 27, 78
HSV
350°, 33%, 22%
Aubergine color

What colors go with Aubergine?

Colors that pair well with Aubergine include:
Dusty Rose: soft, warm contrast
Olive Green: earthy, muted balance
Gold: rich, warming accent
Charcoal: deep, grounding tone
Cream: gentle, lightening contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #372528 color: #372528;
RGB 55, 37, 40 color: rgb(55, 37, 40);
RGB Percentage 22%, 15%, 16% color: rgb(22%, 15%, 16%);
CMYK 0%, 33%, 27%, 78% Not supported in CSS
HSL 350°, 20%, 18% color: hsl(350, 20%, 18%);
HSV 350°, 33%, 22% Not supported in CSS
CIE-LAB 14, 4, -1 color: lab(14% 4 -1);
Decimal 3613992 Not supported in CSS

Color Variations

Shades

#372528
#322124
#2C1D20
#271A1C
#211618
#1C1214
#160F10
#110B0C

Tints

#CDB4B8
#BC9BA0
#AB8289
#9B6871
#82575E
#69464C
#50353A
#372528

Tones

#372528
#362628
#352729
#34272A
#33282A
#32292B
#322A2B
#312B2C

Hues

#372528
#372F25
#313725
#253726
#253734
#252C37
#2B2537
#372536

Color Harmonies

Analogous

#372531
Click to copy
#372528
Click to copy
#372B25
Click to copy

Complementary

#372528
Click to copy
#253734
Click to copy
97%

Split Complementary

#372528
Click to copy
#25372B
Click to copy
96%
#253137
Click to copy
96%

Triadic

#372528
Click to copy
#283725
Click to copy
#252837
Click to copy

Tetradic

#372528
Click to copy
#313725
Click to copy
97%
#253734
Click to copy
97%
#2B2537
Click to copy

Square

#372528
Click to copy
#313725
Click to copy
97%
#253734
Click to copy
97%
#2B2537
Click to copy

CSS & Dev Snippets

CSS
.aubergine {
  color: #372528;
}
SCSS
$aubergine: #372528;
RGB
rgb(55, 37, 40)

Accessibility & Contrast

White background

14.41:1
14.41
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.46:1
1.46
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags