Feuerziegel Farbcode (#b22222)

Feuerziegel ist #b22222 im HEX-Format und rgb(178, 34, 34), ein mittleres Rot. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Feuerziegel
#b22222
CSS-Namefirebrick
Hex#b22222
RGBrgb(178, 34, 34)
HSLhsl(0 68% 42%)
HWBhwb(0 13% 30%)
CMYK0%, 81%, 81%, 30%

Töne und Schattierungen

Farbharmonien

Über Feuerziegel

Feuerziegel (firebrick) ist ein mittleres, kräftiges Rot mit dem HEX-Code #b22222 oder rgb(178, 34, 34). Im HSL-Modell liegt er bei einem Farbton von 0°, 68 % Sättigung und 42 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: firebrick; statt des HEX-Werts schreiben.

Feuerziegel für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Feuerziegel-Text auf Weiß6.68 : 1AA
Feuerziegel-Text auf Schwarz3.14 : 1nur AA für große Schrift

Auf einem Feuerziegel-Hintergrund verwendest du weiße Schrift (6.68 : 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 Kontrastprüfer.

CSS

.element {
  color: firebrick;               /* or #b22222 */
  background-color: #b22222;
  border: 1px solid rgb(178 34 34 / 50%);
}

Ähnliche benannte Farben

Braun (#a52a2a), Karmesinrot (#dc143c), Sienna (#a0522d), Sattelbraun (#8b4513), Dunkelrot (#8b0000), Kastanienbraun (#800000).

Häufige Fragen

Was ist der HEX-Code für Feuerziegel?
#b22222, das entspricht rgb(178, 34, 34) und hsl(0, 68%, 42%). In CSS kannst du auch einfach firebrick schreiben.
Ist Feuerziegel-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 6.68 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Feuerziegel?
Die Komplementärfarbe ist #22b4b4, die analogen Farben #b4226b und #b46b22 liegen im Farbkreis direkt daneben.