Burgundy Color

About burgundy

Burgundy is not a CSS named color. #800020 is the value most commonly used for it: a dark red like maroon, but with a touch of blue that gives it the purplish depth of red wine from the Burgundy region of France.

Because burgundy has no official definition, brands and fabric makers vary — some burgundies are browner, others more purple. The nearest CSS named color is maroon (#800000).

Burgundy has no single standardized digital value and is not a CSS named color. #800020 is a commonly used representative value; brands, paint and fabric makers use their own variations.

Other colors called burgundy

• Maroon (CSS) #800000The nearest CSS named color, without the blue.Copy

Burgundy shades and tints

Shades mix burgundy with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with burgundy

Color harmonies based on the hue of #800020: its complement on the opposite side of the color wheel, its analogous neighbours and its triadic partners.

Burgundy contrast and readability

On a burgundy background, white text reads best (10.83:1). Here is how burgundy works as a text color:

Burgundy has excellent contrast with white, cream and gold, which makes it a favorite for elegant, formal designs — menus, invitations and premium branding.

Using burgundy in CSS and HTML

:root {
  --color-burgundy: #800020;
}

.highlight {
  background-color: var(--color-burgundy);
}

.banner {
  background-color: #800020;
  color: #ffffff;
}

.label {
  color: #800020;
  border: 2px solid rgb(128, 0, 32);
}

<p style="background-color: #800020; color: #FFFFFF;">
  Burgundy background
</p>