Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Maroon-Text auf Weiß | 10,95 : 1 | AAA |
| Maroon-Text auf Schwarz | 1,92 : 1 | fä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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.