Palette di colori

Colore blu

È uno dei tre colori di luce degli schermi, insieme a rosso e verde. Trasmette calma, fiducia e ordine. È il colore più usato nei loghi di banche, aziende tech e social network.

Chiamato anche: blu puro.

Blu · #0000FF

Dati sul colore blu

Il colore blu (#0000FF) è un colore freddo, di luminosità media e molto saturo. Fa parte della famiglia dei colori blu. Si ottiene con 0 di rosso, 0 di verde e 255 di blu (su 255). Si usa soprattutto in loghi, web, branding, moda.

Tonalità del colore blu: chiare e scure

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

Colori che si abbinano al colore blu

BiancoFresco e pulito, come il mare e le nuvole.ArancioneIl suo complementare, con il massimo contrasto.GrigioSobrio e professionale.GialloAllegro e luminoso.BeigeCalore ed equilibrio.RosaUn contrasto dolce e moderno.Testa di moroUn mix classico e naturale.VerdeIl suo vicino naturale, fresco e sereno.
Come abbinare il colore blu nell'abbigliamento e nell'arredamento →

Armonie del colore blu

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

ComplementareVicino a: Giallo
AnaloghiVicino a: Blu elettrico, Violetto
TriadeVicino a: Rosso, Verde neon
Complementari divisiVicino a: Arancione, Chartreuse
TetradeVicino a: Rosa shocking, Giallo, Verde menta

Palette con il colore blu

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

Palette monocromatica · Blu
Palette analoga · Blu
Palette complementare · Blu
Palette triade · Blu
Palette con neutri · Blu
Palette con accento · Blu

Contrasto del colore blu con il testo

Testo biancoContrasto 8.6:1 · AAA
Testo neroContrasto 2.4:1 · Sconsigliato

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

Codice CSS

:root {
  --blu: #0000FF;
  --blu-rgb: 0, 0, 255;
}
.sfondo { background-color: var(--blu); }
.testo { color: var(--blu); }

Colori simili al colore blu

ViolettoViolaBlu scuroBlu oltremareBlu marinoMagentaBlu KleinViola uvaIndacoBlu elettrico

Altri colori blu

Blu marinoAzzurro cieloBlu cobaltoBlu zaffiroBlu acciaioBlu realeBlu elettricoBlu notteBlu oltremareBlu FranciaBlu di PrussiaAzzurro pastelloAzzurro babyBlu denimBlu KleinBlu scuroBlu chiaroBlu ceruleo

Domande frequenti

Qual è il codice del colore blu?

Il codice HEX del colore blu è #0000FF. In RGB è rgb(0, 0, 255), in HSL è hsl(240, 100%, 50%) e in CMYK è 100, 100, 0, 0.

Qual è il complementare del colore blu?

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

Si può usare il testo bianco sul colore blu?

Sì. Il contrasto con il bianco è 8.6:1, sufficiente per il testo normale (WCAG AA).

Con quali colori si abbina il colore blu?

Si abbina bene con bianco, arancione, grigio, giallo, beige. Evita di mescolare troppi blu molto diversi senza un neutro, perché sembrano disordinati. Con i viola intensi il blu perde chiarezza.