Papaya Whip Farbcode (#ffefd5)

Papaya Whip ist #ffefd5 im Hex-Format und rgb(255, 239, 213) — 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

Papaya Whip
#ffefd5
CSS-Namepapayawhip
Hex#ffefd5
RGBrgb(255, 239, 213)
HSLhsl(37 100% 92%)
HWBhwb(37 84% 0%)
CMYK0%, 6%, 16%, 0%

Töne und Schattierungen

Farbharmonien

Über Papaya Whip

Papaya Whip (papayawhip) ist ein sehr helles, kräftiges Orange mit dem Hex-Code #ffefd5, bzw. rgb(255, 239, 213). Im HSL-Modell liegt es bei einem Farbton von 37°, 100 % Sättigung und 92 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: papayawhip; statt des Hex-Werts schreiben.

Papaya Whip für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Papaya-Whip-Text auf Weiß1.13 : 1nicht bestanden
Papaya-Whip-Text auf Schwarz18.56 : 1AAA

Auf einem Papaya-Whip-Hintergrund solltest du schwarzen Text verwenden (18.56 : 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: papayawhip;               /* or #ffefd5 */
  background-color: #ffefd5;
  border: 1px solid rgb(255 239 213 / 50%);
}

Ähnliche benannte Farben

Antikweiß (#faebd7), Mandelweiß (#ffebcd), Maisseide (#fff8dc), Helles Goldrutengelb (#fafad2), Beige (#f5f5dc), Zitronenchiffon (#fffacd).

Häufige Fragen

Wie lautet der Hex-Code für Papaya Whip?
#ffefd5 — das entspricht rgb(255, 239, 213) und hsl(37, 100%, 92%). In CSS kannst du auch einfach papayawhip schreiben.
Ist Papaya-Whip-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.13 : 1 und besteht damit den WCAG-Test nicht. Verwende die Farbe lieber zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Papaya Whip?
Die Komplementärfarbe ist #d6e6ff; die analogen Farben #ffdbd6 und #faffd6 liegen im Farbkreis direkt daneben.