Beige Farbcode (#f5f5dc)

Beige ist #f5f5dc in Hex und rgb(245, 245, 220) — ein sehr helles Gelb. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut es als Text lesbar ist.

Aktualisiert am

Beige
#f5f5dc
CSS-Namebeige
Hex#f5f5dc
RGBrgb(245, 245, 220)
HSLhsl(60 56% 91%)
HWBhwb(60 86% 4%)
CMYK0%, 0%, 10%, 4%

Töne und Schattierungen

Farbharmonien

Über Beige

Beige (beige) ist ein sehr helles, mäßig gesättigtes Gelb mit dem Hex-Code #f5f5dc oder rgb(245, 245, 220). In HSL liegt es bei einem Farbton von 60°, 56 % Sättigung und 91 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: beige; schreiben kannst.

Beige für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Beige Text auf Weiß1.11 : 1fällt durch
Beige Text auf Schwarz18.98 : 1AAA

Auf einem beigen Hintergrund nimmst du schwarzen Text (18.98 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: beige;               /* or #f5f5dc */
  background-color: #f5f5dc;
  border: 1px solid rgb(245 245 220 / 50%);
}

Ähnliche benannte Farben

Maisseide (#fff8dc), Antikweiß (#faebd7), Helles Goldrutengelb (#fafad2), Leinen (#faf0e6), Alte Spitze (#fdf5e6), Papayacreme (#ffefd5).

Häufige Fragen

Wie lautet der Hex-Code für Beige?
#f5f5dc — das entspricht rgb(245, 245, 220) und hsl(60, 56%, 91%). In CSS kannst du auch einfach beige schreiben.
Ist Beige-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.11 : 1 und fällt damit bei WCAG durch — verwende es lieber zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Beige?
Die Komplementärfarbe ist #dbdbf5; die analogen Farben #f5e8db und #e8f5db liegen im Farbkreis direkt daneben.