White text 10.9:1
Maroon is the deep, dark red of wine, leather and autumn leaves.
Here are 26 named shades of maroon - Burgundy, Wine, Claret, Oxblood, Garnet and more - with HEX, RGB, HSL and CMYK codes.
All of them work with white text. Copy a code or build a full scale with the generator.
Marsala - lightest26 shades sorted light to darkdarkest - Oxblood
Download all 26 shades of maroon
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from Maroon (#800000), evenly spaced in OKLCH lightness. Paste any other maroon to build its own scale, or click a swatch for its codes and contrast.
Something went wrong. Please try again.
Still having trouble? Please contact us and we'll be happy to help!
Hmm, that doesn't look like a color yet. Try #3399cc, rgb(51, 153, 204), hsl(200, 60%, 50%) or a name like Cobalt.
#800000rgb(128, 0, 0)hsl(0, 100%, 25%)cmyk(0%, 100%, 100%, 50%)Tints mixed with white
Shades mixed with black
Tones mixed with gray
Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.
:root {
--brand-50: #fdf5f3;
--brand-100: #fbe4e0;
--brand-200: #fdcbc2;
--brand-300: #ffa698;
--brand-400: #ff715f;
--brand-500: #ff251b;
--brand-600: #dc0000;
--brand-700: #b90000;
--brand-800: #9a0000;
--brand-900: #800000;
--brand-950: #4b0a06;
}Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.
Using the same color wheel maths as our Color Wheel, these are the harmonies for Maroon (#800000). Click a group to open it on the wheel.
#008080 Teal
Analogous
Next-door neighbors - calm and harmonious
#800040 Claret#804000 Chocolate
Triadic
Three evenly spaced hues - bold and balanced
#008000 Green#000080 Navy Blue
Split complementary
The two neighbors of the opposite - contrast with less tension
#008040 Green#004080 Dark Cerulean
Maroon feels rich, serious and confident. It keeps the passion of red but calms it down, so it reads as mature and traditional rather than urgent.
The name comes from the French marron, meaning chestnut. Many schools, universities and sports teams use maroon because it looks strong and classic.
Wine names are common in this family: Burgundy and Claret come from French wine regions and styles, and Pantone's Marsala, Color of the Year 2015, is named after a Sicilian wine.
See maroon in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact maroon? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
Maroon is #800000, which is rgb(128, 0, 0) and hsl(0, 100%, 25%). For print it is about 0% cyan, 100% magenta, 100% yellow and 50% black. It is also a CSS color keyword, so you can simply write maroon in your stylesheet.
There is no fixed number - any maroon can be made lighter, darker or more muted. This page lists 26 named shades, from Marsala (#964F4C) to Oxblood (#4A0000). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any maroon.
Maroon (#800000) has a contrast ratio of 10.94:1 on white, which passes WCAG AAA for normal text. On black it reaches 1.91:1, so use it as text on light backgrounds, or put white text on it. Test any pair with the Contrast Checker.
Maroon (#800000) is a dark brownish red. Burgundy (#800020) has a little blue mixed in, so it leans toward purple and wine.
Maroon is a very dark red. With so little lightness it can look brownish, which fits its name - marron is French for chestnut. Brighter reds are on shades of red.
Gold, cream, navy, forest green and gray all pair well with maroon. For a softer look, add blush pink or beige.