Farbe Orange

Benannt nach der Frucht, die über das arabische naranj aus Asien nach Europa kam. Es verbindet die Energie von Rot mit der Fröhlichkeit von Gelb. Man sieht es auf Warnwesten, Rabattschildern und bei Marken, die sympathisch wirken wollen.

Auch genannt: Orangefarben.

Orange · #FF8000

Fakten zur Farbe Orange

Orange (#FF8000) ist ein Farbton, der warm, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Orangetöne. Er besteht aus 255 Rot, 128 Grün und 0 Blau (von 255). Typische Einsatzbereiche: Logos, Beschilderung, Web, Sport.

Farbtöne von Orange: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Farben, die zu Orange passen

MarineblauSeine dunkle Komplementärfarbe: starker, eleganter Kontrast.WeißFrisch und fröhlich.GrauBeruhigt Orange und macht es modern.MokkaEine warme Herbstpalette.OlivgrünEine natürliche Retro-Mischung.LilaEin mutiger, kreativer Kontrast.TürkisEin tropisches Paar voller Leben.BeigeEine sanfte, warme Basis.

So kombinierst du Orange in Mode und Einrichtung →

Farbharmonien mit Orange

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Elektroblau

AnalogÄhnlich wie: Rot, Gelb

TriadeÄhnlich wie: Mintgrün, Violett

Geteilt komplementärÄhnlich wie: Cyan, Blau

TetradeÄhnlich wie: Neongrün, Elektroblau, Magenta

Farbpaletten mit Orange

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Orange

Farbpalette analog · Orange

Farbpalette komplementär · Orange

Farbpalette Triade · Orange

Farbpalette mit Neutraltönen · Orange

Farbpalette mit Akzent · Orange

Kontrast von Orange mit Text

Weißer TextKontrast 2.5:1 · Nicht empfohlen

Schwarzer TextKontrast 8.3:1 · AAA

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --orange: #FF8000;
  --orange-rgb: 255, 128, 0;
}
.hintergrund { background-color: var(--orange); }
.text { color: var(--orange); }

Farbpaletten nach Thema mit dieser Farbe

Weitere Orangetöne

Mandarine Kürbisorange Karottenorange Aprikose Pfirsich Koralle Terrakotta Gebranntes Orange Lachsrosa Rostrot Kupfer Neonorange Pastellorange Rotorange

Häufige Fragen

Welchen Farbcode hat Orange?

Der HEX-Code von Orange ist #FF8000. In RGB ist es rgb(255, 128, 0), in HSL hsl(30, 100%, 50%) und in CMYK 0, 50, 100, 0.

Was ist die Komplementärfarbe zu Orange?

Die Komplementärfarbe im Farbkreis ist #007FFF, ein Ton in der Nähe von Elektroblau. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Orange verwenden?

Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 2.5:1, zu Schwarz dagegen 8.3:1.

Welche Farben passen zu Orange?

Gut dazu passen Marineblau, Weiß, Grau, Mokka, Olivgrün. Kombiniere es nicht mit Rot oder kräftigem Rosa ohne Neutraltöne, sonst wirkt das Ganze schrill. Mit knalligem Gelb kann es überladen aussehen.