Tomatenfarbe (#ff6347)

Über Tomate

Tomate (tomato) ist ein helles, kräftiges Rot mit dem Hex-Code #ff6347 oder rgb(255, 99, 71). Im HSL-Modell liegt sie bei einem Farbton von 9°, 100% Sättigung und 64% Helligkeit. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: tomato; statt des Hex-Werts schreiben.

Tomate für Text und Hintergründe

Auf einem tomatenfarbenen Hintergrund nimmst du schwarzen Text (7.13 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Prüfe weitere Kombinationen mit dem Kontrastprüfer.

CSS

.element {
  color: tomato;               /* or #ff6347 */
  background-color: #ff6347;
  border: 1px solid rgb(255 99 71 / 50%);
}

Ähnliche benannte Farben

Koralle (#ff7f50), Lachs (#fa8072), Indisches Rot (#cd5c5c), Peru (#cd853f), Schokolade (#d2691e), Helles Korallenrot (#f08080).