Colors · value from the xkcd color survey (2010)

Burgundy color: hex code #610023, RGB and palettes

Burgundy is #610023 (RGB 97, 0, 35), the value people most often called burgundy in the xkcd color survey: a very dark red with a little blue in it. Use white text on it; as text on white it reaches 13.70:1.

By Paul Gunder. Every value is computed from published standards; see how ColorPlum works.

Updated November 10, 2026

ColorPlum swatchBurgundydark, saturated purplish red

HEX: #610023
RGB: rgb(97, 0, 35)
HSL: hsl(338, 100%, 19%)

Best text on it: white at 13.70:1

Build a palette Make a gradient Check contrast Wallpaper

Burgundy#610023

Every code for Burgundy

HEX#610023
RGBrgb(97, 0, 35)
HSLhsl(338, 100%, 19%)
HSV338°, 100%, 38%
CMYK0%, 100%, 64%, 62%
Lablab(19.1% 40.8 9.5)
OKLCHoklch(31.5% 0.126 9.7)
Decimal6357027

Tints, shades and tones

From white to black in 10% steps, with Burgundy in the middle. Tap a code to copy it.

90%#EFE6E9
80%#DFCCD3
70%#D0B3BD
60%#C099A7
50%#B08091
40%#A0667B
30%#904D65
20%#81334F
10%#711A39
Base#610023
10%#570020
20%#4E001C
30%#440019
40%#3A0015
50%#310012
60%#27000E
70%#1D000B
80%#130007
90%#0A0004

Tones (mixed with gray)

10%#640D2C
20%#671A36
30%#6A263F
40%#6D3348
50%#714052
60%#744D5B
70%#775A64
80%#7A666D
90%#7D7377

Matching colors

Complementary

#610023
#00613E

Analogous

#610053
#610023
#610E00

Triadic

#610023
#236100
#002361

Split complementary

#610023
#00610D
#005461

Tetradic (square)

#610023
#536100
#00613E
#0E0061

Monochromatic

#140007
#140007
#610023
#AD003F
#FA005A

Burgundy in 3D color space

OKLab, the space ColorPlum does its math in: lightness runs up the pole, hue goes around it and saturation grows outward. The faint shell is every color a screen can show (saturation is drawn wider than lightness so hues separate). Drag to turn it.

Burgundy with its complement, its triad and its tint and shade

Burgundy
Triad #236100
Triad #002361
Complement
50% tint
50% shade

Burgundy in use

New collectionAutumn edit

Card body text stays dark for reading; burgundy carries the header and the button.

Shop nowTag

Headline in Burgundy

A paragraph with a link set in this color, which is dark enough for text on white.

How it looks with color-vision deficiency

A simulation (Machado and colleagues, 2009) of how the color and its complement read without one type of cone.

Typical color vision#610023
Protanopia (no red cones)#202123
Deuteranopia (no green cones)#383421
Tritanopia (no blue cones)#6B0011

Contrast and readability

Pairing	Ratio	WCAG 2.2
as text on white	13.70:1	AA AA large AAA
as text on black	1.53:1	AA AA large AAA
white text on it	13.70:1	AA AA large AAA
black text on it	1.53:1	AA AA large AAA
on your background	11.96:1	AA AA large AAA

Try a background

Export

:root {
  --burgundy: #610023;
  --burgundy-rgb: 97 0 35;
  --burgundy-on: #ffffff;
}

On this page

Burgundy takes its name from the red wines of the Burgundy region of France, and the color people picture is the wine in the glass: a deep red that leans slightly toward purple. There is no official burgundy in the CSS color list, so ColorPlum uses the value from the xkcd color survey, where screen users were shown colors and asked to name them. The color most of them called "burgundy" is #610023.

What the codes mean

In RGB terms burgundy is red at 97 out of 255, no green at all, and blue at 35. That small amount of blue is what separates it from a plain dark red: CSS darkred (#8B0000) has no blue and reads warmer and brighter. In HSL, burgundy is hue 338°, full saturation and 19% lightness, so it is a strong color pushed very dark. The CMYK figures (0, 100, 64, 62) are the simple screen-to-print conversion; a printer working from a real press profile will adjust them, so ask for a proof if the exact shade matters on paper.

The survey list has several close neighbors. Its "maroon" (#650021) and "claret" (#680018) are almost the same color, within the range many people can't tell apart side by side. CSS maroon (#800000) is noticeably lighter and browner. If you are matching a school or team that calls its color burgundy, use its own brand code rather than any of these, since teams pick their own.

Using burgundy well

Text on it: use white or a pale cream. White on burgundy measures 13.70:1, well past the 7:1 AAA level. Black text on burgundy fails at 1.53:1.
As a text color: burgundy on a white page is as readable as near-black, so it works for headings and links where you want warmth without losing contrast.
Pairings: the complementary color is a deep green (#00613E), which gives the classic burgundy-and-forest-green look of autumn and holiday designs. Gold, cream, blush pink and navy are the other common partners; the strips above show the analogous and triadic picks.
Tints for backgrounds: the 80% and 90% tints (#DFCCD3 and #EFE6E9) are soft dusty pinks that keep the same hue, useful for panels behind burgundy text.

Worked example

Say you are making a wedding menu card with burgundy headings on an ivory card (#FFFDF5). Burgundy text on ivory measures 13.45:1, so even small print passes AAA. For the table numbers you want a lighter accent from the same family: the 40% tint, #A0667B, is a muted rose. Check it in the contrast panel above with "Try a background" set to the ivory: it measures 4.40:1, which passes for large text but not for small body text, so keep it for numbers set at 24px or larger and leave the menu itself in full burgundy.

Burgundy, maroon and wine: which is which?

The names overlap and no standard separates them. On screens, the survey's burgundy and maroon are almost twins, while CSS maroon is a lighter brown-red. Wine and merlot are used loosely for the same family; the survey's "merlot" (#730039) is a touch lighter and more purple than burgundy. When a project names a color in words only, pick one code, write it down, and use that code everywhere.

Tones (mixed with gray)

What the codes mean

Using burgundy well

Worked example

Burgundy, maroon and wine: which is which?

Sources