Ein helles Rot mit orangem Stich, wie eine reife Tomate. Es gehört zu den benannten CSS-Farben (tomato), Webdesigner kennen es also gut. Es passt zu Lebensmittelmarken und auffälligen Buttons.
Auch genannt: Tomato.
Tomatenrot (#FF6347) ist ein Farbton, der warm, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Rottöne. Er besteht aus 255 Rot, 99 Grün und 71 Blau (von 255). Typische Einsatzbereiche: Web, Küche, Illustration.
Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.
Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.
Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.
Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.
:root {
--tomatenrot: #FF6347;
--tomatenrot-rgb: 255, 99, 71;
}
.hintergrund { background-color: var(--tomatenrot); }
.text { color: var(--tomatenrot); }Der HEX-Code von Tomatenrot ist #FF6347. In RGB ist es rgb(255, 99, 71), in HSL hsl(9, 100%, 64%) und in CMYK 0, 61, 72, 0.
Die Komplementärfarbe im Farbkreis ist #47E3FF, ein Ton in der Nähe von Dunkeltürkis. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.
Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 2.9:1, zu Schwarz dagegen 7.1:1.