Rich Maroon
HEX: #B03060 | Modern Palette
Color Specifications
#B03060
176, 48, 96
337°, 57% ,43%
0, 73, 45, 31
About Rich Maroon
Rich Maroon (#B03060) is a color with RGB(176, 48, 96) and HSL(337.5°, 57.1%, 43.9%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Logo. Its complementary color is #30B080, which creates strong contrast. Its triadic palette includes #60B030 and #3060B0. The name comes from marron (French).
- HEX: #B03060
- RGB: 176, 48, 96
- HSL: 337.5°, 57.1%, 43.9%
- Mood: Romantic
- Style: Warm
- Use case: Text, Button, Logo
- Complementary color: #30B080
- Triadic colors: #60B030, #3060B0
- The name comes from marron (French).
Live Components
Color Palettes
Rich Maroon #B03060 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Rich Maroon #B03060 pairs with #30B080 as its complementary color, and #60B030 and #3060B0 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The color maroon is a dark reddish-brown or purplish-brown color. Its name comes from the French word 'marron', meaning 'chestnut'. The association with the color of chestnuts, particularly roasted chestnuts, is clear. Historically, dyes producing maroon shades were available, often derived from madder root or insect cochineal, though achieving consistent, 'rich' shades could be challenging before synthetic dyes. In heraldry, a similar color might be referred to as 'sanguine' (blood red) or 'murrey' (mulberry). The term 'Rich Maroon' emphasizes a deeper, more saturated, and often slightly darker version of the base maroon color, suggesting a luxurious or opulent quality.
First Recorded Use
The word 'maroon' itself, referring to the color, emerged in English in the late 16th century, derived from the French 'marron' meaning 'chestnut'. The specific descriptor 'Rich Maroon' is a more modern, descriptive term used to differentiate shades.
Cultural Associations
Maroon is often associated with maturity, seriousness, and sophistication. It is a common color in academic regalia (e.g., graduation gowns, university colors), sports team uniforms, and corporate branding, conveying a sense of tradition and strength. In fashion, 'Rich Maroon' can be seen as an elegant and versatile color, often used in autumn and winter collections. It can also evoke feelings of warmth and comfort. Due to its depth, it is sometimes associated with luxury and richness.
Code Snippets
/* Background */
.element {
background-color: #B03060;
}
/* Text */
.element {
color: #B03060;
}
/* Border */
.element {
border: 1px solid #B03060;
}
/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#B03060,
#30B080
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#B03060,
#30B080
);
}
// SCSS variable
$rich-maroon: #B03060;
// With RGB channels (useful for rgba() usage)
$rich-maroon-r: 176;
$rich-maroon-g: 48;
$rich-maroon-b: 96;
// Usage
.element {
background-color: $rich-maroon;
color: rgba($rich-maroon-r, $rich-maroon-g, $rich-maroon-b, 0.8);
}