maroon

#800000

CSS color

Overview

Maroon is a dark, brownish red held at half brightness: rgb(128, 0, 0), hex #800000. It shares red's 0-degree hue and full saturation but caps the red channel at 128, producing a deep, muted tone rather than a vivid one. One of the sixteen basic HTML colors, maroon is effectively the shadowed counterpart of the red keyword, standing to red as navy stands to blue and olive to yellow. Its restraint and depth suit it to headers, backgrounds, and accents that need warmth without the intensity of full red, and it holds strong contrast against light foregrounds. Standing to red as navy stands to blue, maroon reads as a formal, grounded warm tone, holding firm contrast against light text while avoiding the intensity of full red.

Maroon (#800000) is a dark, brownish-red CSS named color at the darkest end of the red spectrum. Named after the French word for chestnut (marron), it has historic associations with the deep red of chestnut shells and the wine-dark crimson used in heraldry. It is widely used in academic and sports team branding (particularly American universities) and communicates tradition, seriousness, and authority.

On this page

Color Values

HEX

#800000

RGB

128, 0, 0

HSL

0.0, 100.0%, 25.1%

HSV

0.0, 100.0%, 50.2%

CMYK

0.0%, 100.0%, 100.0%, 49.8%

OKLCH

0.3767 0.1546 29.2

Properties

Color Psychology

Dark reds like maroon and burgundy convey sophistication, maturity, and deep emotion. These tones are linked to fine wine, aged leather, and established authority. They carry the intensity of red but channel it into a more restrained, refined expression of power.

Design Usage

Dark reds suit luxury brands, law firms, and premium product packaging. In web design, they create rich hero sections and elegant navigation bars without the visual aggressiveness of brighter reds. They work well with gold accents, cream text, and dark backgrounds for a classic aesthetic.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #800000;
color: #800000;
border-color: #800000;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #800000?

RGB(128, 0, 0) · HSL(0.0, 100.0%, 25.1%) · CMYK(0.0%, 100.0%, 100.0%, 49.8%)

Does #800000 meet WCAG contrast on white?

10.95:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #800000?

Use FFFFFF text on a #800000 background; contrast on black is 1.92:1.