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

Valeurs de couleur

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

Propriétés

Chaud Sombre Le plus proche : maroon

Psychologie des couleurs

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.

Harmonies de couleurs

Complémentaire

#800000

#008080

Analogue

#800040

#804000

#800000

Triadique

#800000

#008000

#000080

Complémentaire divisé

#800000

#008040

#004080

Tétradique

#800000

#408000

#008080

#400080

Simulation de daltonisme

Original

#800000

Protanopie

#494700

Deutéranopie

#505A00

Tritanopie

#7A0000

Achromatopsie

#1B1B1B

Utilisation CSS

background-color: #800000;
color: #800000;
border-color: #800000;
Tailwind le plus proche : Red 800 #991B1B

Nuances Tailwind

50
#FEF1F1
100
#FCDEDE
200
#FFB8B8
300
#FF8585
400
#FF4242
500
#FF0000
600
#CC0000
700
#A30000
800
#800000
900
#5C0505
950
#3A0303

Vérificateur de contraste

Texte sur blanc

10,95:1

AA Pass AAA Pass

Texte sur noir

1,92:1

AA Fail AAA Fail

Comparer avec

#800000
#008080
#800000
#FFFFFF
#000000
#800000

Articles associés

Histoires de Marque

Le rouge Netflix : comment une couleur alimente le binge-watching

Nov 24, 2024
Histoires de Marque

Les couleurs des clubs de Premier League : histoire et identité de marque

Avr 03, 2024
Histoires de Marque

Couleurs de marque Slack : du plaid à l'harmonie en quatre couleurs

Sep 16, 2023

Questions fréquemment posées

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 Réussi, AAA Réussi for normal text.

What text color is readable on #800000?

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