What colors go well with maroon?

Maroon pairs with its complementary colour #008080 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Maroon Color — Hex Code #800000, RGB, Palettes & CSS

Q: What is the hex code for maroon?

Maroon is commonly #800000, which is rgb(128, 0, 0). Like most descriptive colour names it covers a small range, but this is a widely used value.

Maroon colour codes

Hex

#800000

RGB

rgb(128, 0, 0)

HSL

hsl(0, 100%, 25%)

HSV

hsv(0, 100%, 50%)

OKLCH

oklch(0.38 0.15 29)

CMYK

cmyk(0%, 100%, 100%, 50%)

Complementary palette

Maroon with its opposite on the colour wheel.

#800000

rgb(128, 0, 0)

#008080

rgb(0, 128, 128)

Triad palette

Maroon with two evenly-spaced partners.

#800000

rgb(128, 0, 0)

#008000

rgb(0, 128, 0)

#000080

rgb(0, 0, 128)

Monochromatic palette

Lighter and darker versions of maroon at the same hue.

#460707

rgb(70, 7, 7)

#600A0A

rgb(96, 10, 10)

#7A0C0C

rgb(122, 12, 12)

#8D0E0E

rgb(141, 14, 14)

Lighter tints

Maroon toward white.

#800000

rgb(128, 0, 0)

#922424

rgb(146, 36, 36)

#A44949

rgb(164, 73, 73)

#B66D6D

rgb(182, 109, 109)

#C99292

rgb(201, 146, 146)

#DBB6B6

rgb(219, 182, 182)

#EDDBDB

rgb(237, 219, 219)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Maroon toward black.

#800000

rgb(128, 0, 0)

#6E0000

rgb(110, 0, 0)

#5B0000

rgb(91, 0, 0)

#490000

rgb(73, 0, 0)

#370000

rgb(55, 0, 0)

#250000

rgb(37, 0, 0)

#120000

rgb(18, 0, 0)

#000000

rgb(0, 0, 0)

About maroon

A dark brownish-red. Deep and traditional, it appears in academic, sporting and heritage branding. The value shown here (#800000) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with maroon

The complementary colour (#008080) sits opposite maroon on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using maroon in your design

For CSS, paste #800000 or the oklch(0.38 0.15 29) value, or download the ready-made maroon.css file above — it includes a full 50–950 token scale. Always check contrast before using maroon behind text.

What is the hex code for maroon?

Maroon is commonly #800000 (rgb(128, 0, 0)). It covers a small range, but this is a widely used value.

What colours go well with maroon?

Its complementary colour #008080 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Maroon colour

Maroon colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About maroon

Palettes that work with maroon

Using maroon in your design

Popular colours

Color tools