Maroon Color

Learn about Maroon (#800000): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#800000
HEX #800000
RGB rgb(128, 0, 0)
HSL 0°, 100%, 25%

About Maroon Color

Maroon is a deep, rich red-brown that conveys sophistication and tradition. It is often used in academic institutions and premium wine brands.

Use Cases for Maroon

academic brandingwine labelspremium headersfall themestraditional sites

Shades & Tints of Maroon

#ffffff
#dfbfbf
#c08080
#a04040
#800000
#600000
#400000
#200000
#000000

Complementary Color

#800000
#008080

Analogous Colors

#800040
#800000
#804000

CSS Code

.maroon-color {
  color: #800000;
}

Contrast Recommendations

Black text on Maroon
Ratio: 1.92:1 ✗ Fails AA ✗ Fails AAA
White text on Maroon
Ratio: 10.95:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is Maroon?

Maroon is represented by the hex code #800000 and has RGB values of rgb(128, 0, 0). It falls under the Red category.

How to use Maroon in web design?

Maroon works well for academic branding, wine labels, premium headers. Maroon is a deep, rich red-brown that conveys sophistication and tradition. It is often used in academic institutions and premium wine brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Maroon?

Colors that pair well with Maroon include darkred, firebrick, brown, sienna, indianred. For a complementary scheme, try #008080. For an analogous scheme, use #800040 and #804000.