Über Braun
Braun (brown) ist ein mittleres, mäßig gesättigtes Rot mit dem Hex-Code #a52a2a oder rgb(165, 42, 42). Im HSL-Farbmodell liegt er bei einem Farbton von 0°, 59 % Sättigung und 41 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: brown; statt des Hex-Werts schreiben.
Braun für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Brauner Text auf Weiß | 7.08 : 1 | AAA |
| Brauner Text auf Schwarz | 2.96 : 1 | nicht bestanden |
Auf braunem Hintergrund verwendest du weißen Text (7,08 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: brown; /* or #a52a2a */
background-color: #a52a2a;
border: 1px solid rgb(165 42 42 / 50%);
}
Ähnliche benannte Farben
Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).
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.