#800020Burgundy hex code: #800020 · RGB 128, 0, 32. Also called burgundy red, oxblood (similar).
Burgundy is a deep purplish red named after the wines of the Burgundy region of France. The common reference value is #800020. It's darker and more purple than crimson and a little brighter and redder than wine.
Burgundy signals richness and tradition: wine and spirits, fine dining, universities, law firms, autumn and holiday fashion, and luxury packaging all lean on it. It makes an elegant header, footer or accent color.
White and cream text pass WCAG AAA on burgundy. Pair it with cream and gold for classic luxury, navy for preppy, or blush and dusty rose for a softer wedding palette. Avoid bright green next to it unless you want a Christmas look.
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.
#800020rgb(128, 0, 32) · reference#6D1A2Argb(109, 26, 42) · HueWiz pick#7A1F3Drgb(122, 31, 61) · HueWiz pick#C4808Frgb(196, 128, 143) · HueWiz pickThe same base color in a light and a dark theme. Surfaces and text are tinted with burgundy'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 burgundy.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#FFF4F3 · text #301718 · link #800020Spring collection
Designed around burgundy.
A short paragraph shows how body text reads on this surface, with an inline link in the brand color.
#200E0E · text #F9EBEA · link #CE565FHand-picked combinations that work with burgundy. 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 burgundy | 10.83:1 | AAA | AAA |
| Black text on burgundy | 1.93:1 | Fail | Fail |
| Burgundy text on white | 10.83:1 | AAA | AAA |
| Burgundy text on near-black #111111 | 1.74:1 | Fail | Fail |
An 11-step 50–950 ramp generated in OKLCH from #800020. 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-burgundy-50: #FFF4F3;
--color-burgundy-100: #FFE6E6;
--color-burgundy-200: #FDCDCD;
--color-burgundy-300: #ECB1B1;
--color-burgundy-400: #D79091;
--color-burgundy-500: #C17072;
--color-burgundy-600: #AB4F54;
--color-burgundy-700: #97303A;
--color-burgundy-800: #810422;
--color-burgundy-900: #5E0015;
--color-burgundy-950: #3C000A;
--color-burgundy: #800020;
}:root {
--burgundy: #800020;
--burgundy-rgb: 128 0 32;
--burgundy-light: #FFE6E6;
--burgundy-dark: #810422;
}
.btn-burgundy {
background: #800020;
color: #FFFFFF;
}Need semantic roles (surface, text, primary, accent) and exports? Open burgundy in the Tailwind color generator.
#800020 is the value HueWiz uses for burgundy; it equals rgb(128, 0, 32). Other common versions include #6D1A2A (brown burgundy), #7A1F3D (purple burgundy), #C4808F (burgundy tint).
With an HSL hue of 345° and 100% saturation, burgundy reads as a warm red.
Use white or very light text. White on #800020 measures 10.83:1 and black measures 1.93:1; WCAG AA needs 4.5:1 for normal text.
Try classic luxury (#800020, #D4AF37, #F7F1E5); preppy (#800020, #1D3557, #FFFFFF); burgundy wedding (#800020, #C9A9A6, #F4C2C2). Each palette above can be copied or opened in the HueWiz studio.
Burgundy isn't a CSS keyword. These built-in CSS colors are the nearest by perceptual (OKLab) distance; lower ΔE means closer.