Hellgelb Farbcode (#ffffe0)

Hellgelb ist #ffffe0 im Hex-Format und rgb(255, 255, 224) — ein sehr helles Gelb. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Hellgelb
#ffffe0
CSS-Namelightyellow
Hex#ffffe0
RGBrgb(255, 255, 224)
HSLhsl(60 100% 94%)
HWBhwb(60 88% 0%)
CMYK0%, 0%, 12%, 0%

Töne und Schattierungen

Farbharmonien

Über Hellgelb

Hellgelb (lightyellow) ist ein sehr helles, lebendiges Gelb mit dem Hex-Code #ffffe0 oder rgb(255, 255, 224). Im HSL-Modell liegt es bei einem Farbton von 60°, 100 % Sättigung und 94 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightyellow; statt des Hex-Werts schreiben.

Hellgelb für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Hellgelber Text auf Weiß1,02 : 1nicht bestanden
Hellgelber Text auf Schwarz20,63 : 1AAA

Auf einem hellgelben Hintergrund solltest du schwarzen Text verwenden (20,63 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: lightyellow;               /* or #ffffe0 */
  background-color: #ffffe0;
  border: 1px solid rgb(255 255 224 / 50%);
}

Ähnliche benannte Farben

Maisseide (#fff8dc), Altspitze (#fdf5e6), Beige (#f5f5dc), Hellgoldgelb (#fafad2), Elfenbein (#fffff0), Blütenweiß (#fffaf0).

Häufige Fragen

Welcher Hex-Code gehört zu Hellgelb?
#ffffe0 — das entspricht rgb(255, 255, 224) und hsl(60, 100%, 94%). In CSS kannst du auch einfach lightyellow schreiben.
Ist hellgelber Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1,02 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellgelb?
Die Komplementärfarbe ist #e0e0ff; die analogen Farben #fff0e0 und #f0ffe0 liegen im Farbkreis direkt daneben.