#B22222

Firebrick — Farbcodes & Palette

Q: Was ist der RGB-Wert von Firebrick?

Der RGB-Wert von Firebrick (#B22222) ist rgb(178, 34, 34). Dieser setzt sich aus den Rot-, Grün- und Blau-Kanalwerten auf einer Skala von 0 bis 255 zusammen.

Q: Ist Firebrick auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von Firebrick (#B22222) auf weißem (#FFFFFF) Hintergrund beträgt 6.68:1 — AA bestanden (Normalstext). Auf schwarzem (#000000) Hintergrund beträgt das Kontrastverhältnis 3.14:1 — AA bestanden (nur großer Text). WCAG 2.1 fordert 4,5:1 für Normalstext (AA) und 7:1 für erhöhte Barrierefreiheit (AAA).

Q: Welche Farben passen gut zu Firebrick?

Firebrick (#B22222) harmoniert gut mit seiner Komplementärfarbe und Analogtönen. Die Komplementärfarbe ist #22B4B4, der Analogton bei +30° ist #B46B22 und ein Triadenton ist #22B422. Diese Beziehungen basieren auf der Farbtheorie mit HSL (hsl(0, 68%, 42%)) als Ausgangspunkt.

#B22222 · rgb(178, 34, 34) · hsl(0, 68%, 42%)

Farbcodes

Format	Wert
HEX	#B22222
RGB	rgb(178, 34, 34)
HSL	hsl(0, 68%, 42%)

Dunklere Töne von Firebrick

#A31F1F

#921C1C

#811818

#6F1515

#5E1212

#4D0F0F

#3C0B0B

#2B0808

Hellere Töne von Firebrick

#CE2727

#D93A3A

#DE5454

#E36D6D

#E88787

#EDA1A1

#F2BABA

#F7D4D4

Farbkombinationen & Harmonie

Komplementärfarbe

#22B4B4

Analog +30°

#B46B22

Analog −30°

#B4226B

Triade +120°

#22B422

Triade −120°

#2222B4

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)

6.68:1 — AA bestanden (Normalstext)

vs. Schwarz (#000000)

3.14:1 — AA bestanden (nur großer Text)

CSS-Code

.element {
  color: #B22222;
}

.element-bg {
  background-color: #B22222;
  color: #ffffff;
}

.element-border {
  border: 2px solid #B22222;
}

Über Firebrick

Firebrick ist eine mittlere Farbe mit hoher Sättigung, definiert durch den Hex-Code #B22222. Die genauen Farbmodellwerte sind rgb(178, 34, 34) in RGB und hsl(0, 68%, 42%) in HSL (Farbton 0°, Sättigung 68%, Helligkeit 42%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 6.68:1 — AA bestanden (Normalstext), auf schwarzem 3.14:1 — AA bestanden (nur großer Text). Verwende Firebrick 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 →

Häufig gestellte Fragen

Was ist der RGB-Wert von Firebrick?

Der RGB-Wert von Firebrick (#B22222) ist rgb(178, 34, 34). Rot = rgb(178, 34, 34) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.

Ist Firebrick auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von Firebrick auf Weiß (#FFFFFF) beträgt 6.68:1 — AA bestanden (Normalstext). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 3.14:1 — AA bestanden (nur großer Text). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.

Welche Farben passen gut zu Firebrick?

Basierend auf der Farbtheorie harmoniert Firebrick (hsl(0, 68%, 42%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.

Firebrick — Farbcodes &amp; Palette