#800000 rgb(128, 0, 0) 0°, 100%, 25% Use Maroon in Your Projects
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
Shades & Tints of Maroon
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.maroon-color {
color: #800000;
background-color: #800000;
}
/* As a CSS custom property */
:root {
--color-maroon: #800000;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #008000 and #000080.