Farbpaletten

Farbe Dunkelorange

Ein kräftiges, volles Orange und eine der benannten HTML- und CSS-Farben. Trotz des Namens ist es hell und lebendig und taucht oft auf Buttons, in Diagrammen und zu Halloween auf.

Auch genannt: Dark Orange.

Im Editor öffnen

Der HEX-Code von Dunkelorange ist #FF8C00. In RGB ist es rgb(255, 140, 0), in HSL hsl(33, 100%, 50%) und in CMYK 0, 45, 100, 0.

So wirkt sie in echt

Wähle eine Farbe zum Kombinieren und sieh, wie sie an Kleidung, im Raum und im Design wirkt.

Ähnliche Farben wie Dunkelorange

Mandarine#F28500Orange#FF8000Karottenorange#ED9121Kürbisorange#FF7518Tagetesgelb#EAA221Mango#FF8243

Fakten zur Farbe Dunkelorange

Dunkelorange (#FF8C00) ist ein Farbton, der warm, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Orangetöne. Er besteht aus 255 Rot, 140 Grün und 0 Blau (von 255). Typische Einsatzbereiche: Web, Grafikdesign, Events.

Farbmuster Dunkelorange mit Abstufungen von hell bis dunkel · #FF8C00
Dunkelorange · #FF8C00

Farbtöne von Dunkelorange: hell und dunkel

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

Alle Töne ansehen: Generator für Farbabstufungen

Farbharmonien mit Dunkelorange

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Elektroblau
AnalogÄhnlich wie: Rot, Gelb
TriadeÄhnlich wie: Frühlingsgrün, Violett
Geteilt komplementärÄhnlich wie: Cyan, Blau
TetradeÄhnlich wie: Neongrün, Elektroblau, Magenta

Farbpaletten mit Dunkelorange

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

Farbpalette monochrom · Dunkelorange
Farbpalette analog · Dunkelorange
Farbpalette komplementär · Dunkelorange
Farbpalette Triade · Dunkelorange
Farbpalette mit Neutraltönen · Dunkelorange
Farbpalette mit Akzent · Dunkelorange

Kontrast von Dunkelorange mit Text

Weißer TextKontrast 2.3:1 · Nicht empfohlen
Schwarzer TextKontrast 9.0:1 · AAA

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

CSS-Code

:root {
  --dunkelorange: #FF8C00;
  --dunkelorange-rgb: 255, 140, 0;
}
.hintergrund { background-color: var(--dunkelorange); }
.text { color: var(--dunkelorange); }

Ähnliche Farben wie Dunkelorange

ZimtbraunKakiorangeOckerPastellorange

Farbpaletten nach Thema mit dieser Farbe

Weitere Orangetöne

OrangeMandarineKürbisorangeKarottenorangeAprikosePfirsichKoralleTerrakottaGebranntes OrangeLachsrosaRostrotKupferNeonorangePastellorangeRotorangeMangoMeloneKakiorangeHelles LachsrosaSiena gebranntKorallenrosa
Farbmuster Dunkelorange mit Abstufungen von hell bis dunkel · #FF8C00
Farbmuster Dunkelorange mit Abstufungen von hell bis dunkel · #FF8C00

Probier als Nächstes

Farbpalette aus deinem NamenGib einen Namen ein und erhalte deine eigene FarbpaletteMuster aus GeburtstagsfarbenKaros und Streifen aus den Geburtstagen deiner FamilieFarbtyp-Test per SelfieFinde mit nur einem Foto deinen Farbtyp und deine besten Farben
Alle kostenlosen Tools ansehen →

Häufige Fragen

Welchen Farbcode hat Dunkelorange?

Der HEX-Code von Dunkelorange ist #FF8C00. In RGB ist es rgb(255, 140, 0), in HSL hsl(33, 100%, 50%) und in CMYK 0, 45, 100, 0.

Was ist die Komplementärfarbe zu Dunkelorange?

Die Komplementärfarbe im Farbkreis ist #0073FF, 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 Dunkelorange verwenden?

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