Peach Puff Farbcode (#ffdab9)

Peach Puff ist #ffdab9 in Hex und rgb(255, 218, 185) – ein sehr helles Orange. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Peach Puff
#ffdab9
CSS-Namepeachpuff
Hex#ffdab9
RGBrgb(255, 218, 185)
HSLhsl(28 100% 86%)
HWBhwb(28 73% 0%)
CMYK0%, 15%, 27%, 0%

Töne und Schattierungen

Farbharmonien

Über Peach Puff

Peach Puff (peachpuff) ist ein sehr helles, leuchtendes Orange mit dem Hex-Code #ffdab9 oder rgb(255, 218, 185). In HSL liegt er bei einem Farbton von 28°, 100% Sättigung und 86% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts color: peachpuff; schreiben kannst.

Peach Puff für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Peach-Puff-Text auf Weiß1.31 : 1nicht bestanden
Peach-Puff-Text auf Schwarz15.98 : 1AAA

Auf einem Peach-Puff-Hintergrund nimmst du am besten schwarzen Text (15.98 : 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 Kontrast-Checker.

CSS

.element {
  color: peachpuff;               /* or #ffdab9 */
  background-color: #ffdab9;
  border: 1px solid rgb(255 218 185 / 50%);
}

Ähnliche benannte Farben

Mokassin (#ffe4b5), Weizen (#f5deb3), Navajo-Weiß (#ffdead), Bisque (#ffe4c4), Mandelweiß (#ffebcd), Blasses Goldrutengelb (#eee8aa).

Häufige Fragen

Was ist der Hex-Code für Peach Puff?
#ffdab9 – das entspricht rgb(255, 218, 185) und hsl(28, 100%, 86%). In CSS kannst du auch einfach peachpuff schreiben.
Ist Peach-Puff-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.31 : 1 und besteht damit den WCAG-Test nicht. Verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Peach Puff?
Die Komplementärfarbe ist #b8deff; die analogen Farben #ffb8ba und #fffdb8 liegen im Farbkreis direkt daneben.