Braun Farbcode (#a52a2a)

Braun ist #a52a2a in Hex und rgb(165, 42, 42) – ein mittleres Rot. Unten findest du jedes Farbformat, Aufhellungen und Abdunkelungen, Farbharmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Braun
#a52a2a
CSS-Namebrown
Hex#a52a2a
RGBrgb(165, 42, 42)
HSLhsl(0 59% 41%)
HWBhwb(0 16% 35%)
CMYK0%, 75%, 75%, 35%

Aufhellungen und Abdunkelungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Brauner Text auf Weiß7.08 : 1AAA
Brauner Text auf Schwarz2.96 : 1nicht 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).

Häufige Fragen

Welcher Hex-Code ist Braun?
#a52a2a – das entspricht rgb(165, 42, 42) und hsl(0, 59%, 41%). In CSS kannst du auch einfach brown schreiben.
Ist brauner Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 7,08 : 1 und besteht damit die WCAG-AA-Prüfung für normalen Text.
Welche Farben passen gut zu Braun?
Die Komplementärfarbe ist #2ba6a6; die analogen Farben #a62b69 und #a6692b liegen im Farbkreis direkt daneben.