EN
My tools

Maroon Color Codes

Maroon, burgundy, wine, claret, oxblood, garnet, cordovan and 13 more deep reds with HEX, RGB, HSL and CMYK codes, plus how maroon and burgundy differ.

My tools →
Advertisement

Maroon and its relatives — burgundy, wine, claret, oxblood, garnet — are the deep, brownish or purplish reds of leather, wine and university colors. This page lists 20 of them: CSS maroon and darkred, plus burgundy, wine, claret, oxblood, X11 maroon, Crayola maroon, vivid and old burgundy, garnet, rosewood, cordovan and more, with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades and the best text color.

How to use this tool

  1. Choose a shade from the list.
  2. Copy its HEX, RGB, HSL or CMYK code.
  3. Use the tints table for lighter versions, such as for hover states or backgrounds.
  4. Compare all shades in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′).

Example

CSS maroon is #800000 = rgb(128, 0, 0): pure red at half strength, hsl(0, 100%, 25.1%). Its complement is exactly CSS teal #008080. Burgundy #800020 adds a little blue (32), which shifts it toward purple; its complement is #008060.

Maroon or burgundy?

Both are dark reds, but they lean in different directions. Maroon leans toward brown: CSS maroon #800000 has no blue at all. Burgundy (#800020), named after the wine of Burgundy, leans toward purple, and wine (#800032) and claret (#7F1734) go further that way. Oxblood (#4A0000) is darker and browner than either. Names like merlot are used by paint and fashion brands with no agreed value, so they are not listed.

Frequently asked questions

What is the HEX code for maroon?

The CSS and HTML keyword maroon is #800000. The X11 color list (old Unix systems) defined maroon as #B03060, a pinker red — listed here as Maroon (X11).

Does white text work on maroon?

Yes. White on #800000 reaches 10.94:1, well above WCAG AAA (7:1), which is why maroon is popular for headers and buttons with white text.

Sources

Last updated:

Cite or embed this tool
APA

kakaoCalc. (2026, November 8). Maroon Color Codes. https://kakao.mobile/tools/maroon-color-code/

MLA

“Maroon Color Codes.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/maroon-color-code/.

Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms

Advertisement