Palette di colori

Colore viola

È un viola scuro e intenso, il tono che in Italia si chiama semplicemente viola. Si vede spesso in marchi creativi, abiti da festa e nei paramenti della Quaresima. In Italia è anche il colore simbolo della Fiorentina.

Chiamato anche: viola scuro, color viola.

Viola · #6A0DAD

Dati sul colore viola

Il colore viola (#6A0DAD) è un colore freddo, di luminosità media e molto saturo. Fa parte della famiglia dei colori viola. Si ottiene con 106 di rosso, 13 di verde e 173 di blu (su 255). Si usa soprattutto in moda, eventi, branding.

Tonalità del colore viola: chiare e scure

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

Colori che si abbinano al colore viola

GialloIl suo complementare: contrasto massimo e vibrante.GrigioCalma il viola e lo rende elegante.BiancoUn contrasto pulito e netto.Verde olivaUn mix naturale e sorprendente.OroLusso e regalità.RosaUna sfumatura calda e moderna.Giallo senapeUn contrasto caldo più morbido del giallo.NeroUn look drammatico per la sera.
Come abbinare il colore viola nell'abbigliamento e nell'arredamento →

Armonie del colore viola

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

ComplementareVicino a: Verde mela
AnaloghiVicino a: Blu scuro, Porpora
TriadeVicino a: Ocra, Verde giada
Complementari divisiVicino a: Verde mela, Verde
TetradeVicino a: Rosso mattone, Verde mela, Ottanio

Palette con il colore viola

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

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

Contrasto del colore viola con il testo

Testo biancoContrasto 9.2:1 · AAA
Testo neroContrasto 2.3:1 · Sconsigliato

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

Codice CSS

:root {
  --viola: #6A0DAD;
  --viola-rgb: 106, 13, 173;
}
.sfondo { background-color: var(--viola); }
.testo { color: var(--viola); }

Colori simili al colore viola

Viola uvaIndacoBlu oltremareBlu scuroBlu marinoBlu KleinPorporaAmetistaBlu notteVioletto

Palette a tema con questo colore

Altri colori viola

ViolettoPorporaLillaLavandaMalvaPrugnaAmetistaMelanzanaOrchideaIndacoViola uvaGlicineLilla pastelloUltravioletto

Domande frequenti

Qual è il codice del colore viola?

Il codice HEX del colore viola è #6A0DAD. In RGB è rgb(106, 13, 173), in HSL è hsl(275, 86%, 36%) e in CMYK è 39, 92, 0, 32.

Qual è il complementare del colore viola?

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

Si può usare il testo bianco sul colore viola?

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

Con quali colori si abbina il colore viola?

Si abbina bene con giallo, grigio, bianco, verde oliva, oro. Evita di abbinarlo a rossi o arancioni intensi nello stesso momento, perché l'insieme diventa pesante. Con un marrone molto scuro può sembrare spento.