What color is Maroon?
Maroon is a dark, muted brownish-red, at #550000, deeper and less vivid than a standard red. It has the rich, earthy tone of dried chili peppers, with little brightness and a heavy, shadowed quality.
What is the meaning of the color Maroon?
French marron, meaning chestnut, gives maroon its name, first recorded in English as a color name in 1791. It became associated with prestige through its use in velvet and wool textiles traded across Europe during the 18th century. Texas A&M University adopted maroon as its official school color in 1876, one of the earliest documented uses by an American institution.
RGB
85, 0, 0
HSL
0°, 100%, 17%
CMYK
0, 100, 100, 67
HSV
0°, 100%, 33%
What colors go with Maroon?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #550000 |
color: #550000;
|
| RGB | 85, 0, 0 |
color: rgb(85, 0, 0);
|
| RGB Percentage | 33%, 0%, 0% |
color: rgb(33%, 0%, 0%);
|
| CMYK | 0%, 100%, 100%, 67% | Not supported in CSS |
| HSL | 0°, 100%, 17% |
color: hsl(0, 100%, 17%);
|
| HSV | 0°, 100%, 33% | Not supported in CSS |
| CIE-LAB | 14, 17, 0 |
color: lab(14% 17 0);
|
| Decimal | 5570560 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.maroon {
color: #550000;
}
SCSS
$maroon: #550000;
RGB
rgb(85, 0, 0)
Accessibility & Contrast
White background
15.15:1
15.15
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
1.39:1
1.39
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element