Colore arancione

Prende il nome dal frutto, arrivato in Europa dall'Asia attraverso l'arabo naranj. Unisce l'energia del rosso all'allegria del giallo. Si trova spesso su gilet di sicurezza, offerte e marchi che vogliono sembrare vicini alle persone.

Chiamato anche: arancio, color arancia.

Arancione · #FF8000

Dati sul colore arancione

Il colore arancione (#FF8000) è un colore caldo, di luminosità media e molto saturo. Fa parte della famiglia dei colori arancioni. Si ottiene con 255 di rosso, 128 di verde e 0 di blu (su 255). Si usa soprattutto in loghi, segnaletica, web, sport.

Tonalità del colore arancione: chiare e scure

Dalla più chiara alla più scura. Tocca una tonalità per copiarne il codice.

Colori che si abbinano al colore arancione

Blu navyIl suo complementare scuro: contrasto forte ed elegante.BiancoFresco e allegro.GrigioCalma l'arancione e lo rende moderno.Testa di moroUna gamma autunnale calda.Verde olivaUn mix naturale e retrò.ViolaUn contrasto audace e creativo.TurcheseUna coppia tropicale piena di vita.BeigeUna base morbida e calda.

Come abbinare il colore arancione nell'abbigliamento e nell'arredamento →

Armonie del colore arancione

Abbinamenti basati sul cerchio cromatico. Altri nella pagina armonia dei colori.

ComplementareVicino a: Blu elettrico

AnaloghiVicino a: Rosso, Giallo

TriadeVicino a: Verde menta, Violetto

Complementari divisiVicino a: Ciano, Blu

TetradeVicino a: Verde neon, Blu elettrico, Magenta

Palette con il colore arancione

Copia i codici o apri la palette nell'editor per modificarla.

Palette monocromatica · Arancione

Palette analoga · Arancione

Palette complementare · Arancione

Palette triade · Arancione

Palette con neutri · Arancione

Palette con accento · Arancione

Contrasto del colore arancione con il testo

Testo biancoContrasto 2.5:1 · Sconsigliato

Testo neroContrasto 8.3:1 · AAA

Secondo le linee guida WCAG 2.1. Controlla altre coppie con lo strumento di verifica del contrasto.

Codice CSS

:root {
  --arancione: #FF8000;
  --arancione-rgb: 255, 128, 0;
}
.sfondo { background-color: var(--arancione); }
.testo { color: var(--arancione); }

Colori simili al colore arancione

Mandarino Arancione zucca Arancione carota Arancione neon Arancione bruciato Cannella Ocra Corallo Rosso arancio Mogano

Palette a tema con questo colore

Altri colori arancioni

Mandarino Arancione zucca Arancione carota Albicocca Pesca Corallo Terracotta Arancione bruciato Salmone Ruggine Rame Arancione neon Arancione pastello Rosso arancio

Domande frequenti

Qual è il codice del colore arancione?

Il codice HEX del colore arancione è #FF8000. In RGB è rgb(255, 128, 0), in HSL è hsl(30, 100%, 50%) e in CMYK è 0, 50, 100, 0.

Qual è il complementare del colore arancione?

Il suo complementare nel cerchio cromatico è #007FFF, una tonalità vicina al colore blu elettrico. Usato in piccole dosi fa da accento e crea molto contrasto.

Si può usare il testo bianco sul colore arancione?

Meglio usare il testo nero: il contrasto con il bianco è solo 2.5:1, mentre con il nero è 8.3:1.

Con quali colori si abbina il colore arancione?

Si abbina bene con blu navy, bianco, grigio, testa di moro, verde oliva. Evita di accostarlo al rosso o al rosa intenso senza neutri, perché l'insieme risulta chiassoso. Con il giallo brillante può stancare.