Home › Colors › Maroon Maroon color A dark, brownish red; its Spanish name, granate, comes from the garnet stone. It's a serious, understated color, common on school uniforms, sports teams and fall clothing. It pairs well with gray, beige and gold.
Also known as: garnet, dark red.
Maroon · #800000
HEX #800000 RGB rgb(128, 0, 0) HSL hsl(0, 100%, 25%) HSB 0°, 100%, 50% CMYK 0, 100, 100, 50 LAB 26, 48, 38 About maroon Maroon (#800000) is a warm, dark, highly saturated color. It belongs to the reds family. It mixes 128 red, 0 green and 0 blue (out of 255). It is mostly used in fashion, uniforms, home decor.
Maroon shades and tints From lightest to darkest. Tap a shade to copy its code.
#ECD9D9 Copied #D9B2B2 Copied #C08080 Copied #A64C4C Copied #800000 Copied #660000 Copied #4D0000 Copied #330000 Copied #1A0000 Copied
Maroon color harmonies Combinations based on the color wheel. More in the color harmony tool .
#800000 Copied #008080 Copied
Complementary
Close to: Teal #800040 Copied #800000 Copied #804000 Copied
#800000 Copied #008000 Copied #000080 Copied
#800000 Copied #008040 Copied #004080 Copied
#800000 Copied #408000 Copied #008080 Copied #400080 Copied
Maroon color palettes Copy the codes or open a palette in the editor to tweak it.
#FFD6D6 Copied #FF8F8F Copied #800000 Copied #3D0000 Copied #290000 Copied
#C6167D Copied #9F0030 Copied #800000 Copied #611D00 Copied #492C04 Copied
#F5F0F0 Copied #EBADAD Copied #800000 Copied #00B2B2 Copied #291919 Copied
#B1F1B1 Copied #800000 Copied #0F0F8A Copied #29A329 Copied #FAFAF7 Copied
#F5F0E8 Copied #D8CFC4 Copied #800000 Copied #7A6E64 Copied #2B2622 Copied
#F5EAEA Copied #D98C8C Copied #800000 Copied #330000 Copied #36E28C Copied
Maroon contrast with text White text Contrast 10.9:1 · AAA
Black text Contrast 1.9:1 · Not recommended
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker .
CSS code Copy :root {
--maroon: #800000;
--maroon-rgb: 128, 0, 0;
}
.bg { background-color: var(--maroon); }
.text { color: var(--maroon); }Themed palettes with this color Frequently asked questions What is the hex code for maroon? The hex code for maroon is #800000. In RGB it is rgb(128, 0, 0), in HSL hsl(0, 100%, 25%) and in CMYK 0, 100, 100, 50.
What is the complementary color of maroon? Its complement on the color wheel is #008080, close to teal. Used in small doses, it works as an accent and adds strong contrast.
Can you use white text on maroon? Yes. The contrast with white is 10.9:1, enough for body text (WCAG AA).