Leinen-Farbcode (#faf0e6)

Leinen ist #faf0e6 in HEX und rgb(250, 240, 230) — ein sehr helles Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Leinen
#faf0e6
CSS-Namelinen
Hex#faf0e6
RGBrgb(250, 240, 230)
HSLhsl(30 67% 94%)
HWBhwb(30 90% 2%)
CMYK0%, 4%, 8%, 2%

Töne und Schattierungen

Farbharmonien

Über Leinen

Leinen (linen) ist ein sehr helles, kräftiges Orange mit dem HEX-Code #faf0e6, oder rgb(250, 240, 230). In HSL liegt er bei einem Farbton von 30°, 67 % Sättigung und 94 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: linen; statt des HEX-Werts schreiben.

Leinen für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Leinenfarbener Text auf Weiß1.12 : 1nicht bestanden
Leinenfarbener Text auf Schwarz18.67 : 1AAA

Auf einem Leinen-Hintergrund verwende schwarzen Text (18.67 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Andere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: linen;               /* or #faf0e6 */
  background-color: #faf0e6;
  border: 1px solid rgb(250 240 230 / 50%);
}

Ähnliche benannte Farben

Alte Spitze (#fdf5e6), Muschelweiß (#fff5ee), Beige (#f5f5dc), Maisseide (#fff8dc), Nebelrose (#ffe4e1), Blütenweiß (#fffaf0).

Häufige Fragen

Wie lautet der HEX-Code für Leinen?
#faf0e6 — das entspricht rgb(250, 240, 230) und hsl(30, 67%, 94%). In CSS kannst du auch einfach linen schreiben.
Ist Leinen-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.12 : 1 und fällt damit bei WCAG durch. Verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Leinen?
Die Komplementärfarbe ist #e5f0fa; die analogen Farben #fae5e5 und #fafae5 liegen im Farbkreis direkt daneben.