Es liegt genau zwischen Rot und Orange und heißt in CSS orangered. Es steckt voller Energie und fällt sofort ins Auge. Genutzt wird es für Buttons, Benachrichtigungs-Icons und dynamische Marken.
Auch genannt: Orangerot, Orangered.
Rotorange (#FF4500) ist ein Farbton, der warm, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Orangetöne. Er besteht aus 255 Rot, 69 Grün und 0 Blau (von 255). Typische Einsatzbereiche: Web, Beschilderung, Logos.
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 {
--rotorange: #FF4500;
--rotorange-rgb: 255, 69, 0;
}
.hintergrund { background-color: var(--rotorange); }
.text { color: var(--rotorange); }Der HEX-Code von Rotorange ist #FF4500. In RGB ist es rgb(255, 69, 0), in HSL hsl(16, 100%, 50%) und in CMYK 0, 73, 100, 0.
Die Komplementärfarbe im Farbkreis ist #00BAFF, ein Ton in der Nähe von Babyblau. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.
Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 3.4:1, zu Schwarz dagegen 6.1:1.