Maroon — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #800000 | |
| RGB | rgb(128, 0, 0) | |
| HSL | hsl(0, 100%, 25%) |
Dunklere Töne von Maroon
| #750000 | #6B0000 | #610000 | #570000 | #4D0000 | #420000 | #380000 | #2E0000 |
Hellere Töne von Maroon
| #A80000 | #D10000 | #FA0000 | #FF2424 | #FF4D4D | #FF7575 | #FF9E9E | #FFC7C7 |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#008080
|
Analog +30°
#804000
|
Analog −30°
#800040
|
Triade +120°
#008000
|
Triade −120°
#000080
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #800000;
}
.element-bg {
background-color: #800000;
color: #ffffff;
}
.element-border {
border: 2px solid #800000;
}
Über Maroon
Maroon ist eine dunkle Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #800000. Die genauen Farbmodellwerte sind rgb(128, 0, 0) in RGB und hsl(0, 100%, 25%) in HSL (Farbton 0°, Sättigung 100%, Helligkeit 25%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 10.95:1 — AAA bestanden (Normalstext), auf schwarzem 1.92:1 — Nicht bestanden. Verwende Maroon für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.
Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.
Farbauswahl öffnen →