Maroon Farbcode (#800000)

Maroon ist #800000 im Hex-Format und rgb(128, 0, 0) — ein dunkles Rot. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Maroon
#800000
CSS-Namemaroon
Hex#800000
RGBrgb(128, 0, 0)
HSLhsl(0 100% 25%)
HWBhwb(0 0% 50%)
CMYK0%, 100%, 100%, 50%

Tints und Shades

Farbharmonien

Über Maroon

Maroon (maroon) ist ein dunkles, kräftiges Rot mit dem Hex-Code #800000, oder rgb(128, 0, 0). In HSL liegt er bei einem Farbton von 0°, 100 % Sättigung und 25 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht. Du kannst also color: maroon; anstelle des Hex-Werts schreiben.

Maroon für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Maroon-Text auf Weiß10,95 : 1AAA
Maroon-Text auf Schwarz1,92 : 1fällt durch

Auf einem Maroon-Hintergrund nimmst du am besten weißen Text (10,95 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: maroon;               /* or #800000 */
  background-color: #800000;
  border: 1px solid rgb(128 0 0 / 50%);
}

Ähnliche benannte Farben

Dunkelrot (#8b0000), Feuerziegel (#b22222), Braun (#a52a2a), Sattelbraun (#8b4513), Sienna (#a0522d), Karmesinrot (#dc143c).

Häufige Fragen

Was ist der Hex-Code für Maroon?
#800000 — das entspricht rgb(128, 0, 0) und hsl(0, 100%, 25%). In CSS kannst du auch einfach maroon schreiben.
Ist Maroon-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 10,95 : 1. Damit wird WCAG AA für normalen Text erfüllt.
Welche Farben passen gut zu Maroon?
Die Komplementärfarbe ist #008080; die analogen Farben #800040 und #804000 liegen im Farbkreis direkt daneben.