Floral White Farbcode (#fffaf0)

Über Floral White

Floral White (floralwhite) ist ein sehr helles, kräftiges Orange mit dem HEX-Code #fffaf0 oder rgb(255, 250, 240). In HSL liegt er bei einem Farbton von 40°, 100 % Sättigung und 97 % Helligkeit. Es ist eine der 148 benannten Farben, die jeder Browser versteht, du kannst also color: floralwhite; statt des HEX-Werts schreiben.

Floral White für Text und Hintergründe verwenden

Auf einem Floral-White-Hintergrund nimmst du am besten schwarzen Text (20,18 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

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

Ähnliche benannte Farben

Ivory (#fffff0), Sea Shell (#fff5ee), Snow (#fffafa), Lavender Blush (#fff0f5), Old Lace (#fdf5e6), White Smoke (#f5f5f5).