Un blu vivace e luminoso tra il blu puro e il ciano, come un cielo sereno a mezzogiorno. Il nome arriva dal lapislazzulo attraverso il persiano, ed è il colore delle maglie della Nazionale, dei siti web e dei marchi freschi.
Chiamato anche: azzurro intenso, blu azzurro.
Il codice HEX del colore azzurro è #007FFF. In RGB è rgb(0, 127, 255), in HSL è hsl(210, 100%, 50%) e in CMYK è 100, 50, 0, 0.
Scegli un colore da abbinare e guarda come sta su abiti, arredamento e grafica.
Il colore azzurro (#007FFF) è un colore freddo, di luminosità media e molto saturo. Fa parte della famiglia dei colori blu. Si ottiene con 0 di rosso, 127 di verde e 255 di blu (su 255). Si usa soprattutto in web, branding, sport.

Dalla più chiara alla più scura. Tocca una tonalità per copiarne il codice.
Vedi tutte le tonalità: Generatore di scala di colori

Abbinamenti basati sul cerchio cromatico. Altri nella pagina armonia dei colori.
Copia i codici o apri la palette nell'editor per modificarla.
Secondo le linee guida WCAG 2.1. Controlla altre coppie con lo strumento di verifica del contrasto.
:root {
--azzurro: #007FFF;
--azzurro-rgb: 0, 127, 255;
}
.sfondo { background-color: var(--azzurro); }
.testo { color: var(--azzurro); }
Il codice HEX del colore azzurro è #007FFF. In RGB è rgb(0, 127, 255), in HSL è hsl(210, 100%, 50%) e in CMYK è 100, 50, 0, 0.
Il suo complementare nel cerchio cromatico è #FF8000, una tonalità vicina al colore arancione. Usato in piccole dosi fa da accento e crea molto contrasto.
Meglio usare il testo nero: il contrasto con il bianco è solo 3.8:1, mentre con il nero è 5.5:1.
Si abbina bene con bianco, blu navy, beige, rosa antico, grigio. Evita di abbinarlo a blu elettrici o viola intensi, perché l'azzurro sembra spento. Con il nero può risultare troppo duro.
Usiamo i cookie di Google Analytics per capire come viene usato il sito. Li accetti? Scopri di più