Palette di colori

Colore violetto

È l'ultimo colore visibile dell'arcobaleno, subito prima dell'ultravioletto. Prende il nome dal fiore omonimo, la violetta. Si associa alla creatività e alla spiritualità, e anche alle lotte femministe.

Chiamato anche: violetta.

Violetto · #8F00FF

Dati sul colore violetto

Il colore violetto (#8F00FF) è un colore freddo, di luminosità media e molto saturo. Fa parte della famiglia dei colori viola. Si ottiene con 143 di rosso, 0 di verde e 255 di blu (su 255). Si usa soprattutto in branding, moda, arte.

Tonalità del colore violetto: chiare e scure

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

Colori che si abbinano al colore violetto

GialloIl suo complementare: contrasto vibrante.GrigioCalma il violetto e lo rende elegante.BiancoUn contrasto pulito e fresco.Verde mentaUn mix fresco e originale.RosaUna sfumatura moderna e dolce.ArgentoUn riflesso freddo ed elegante.Blu navyProfondità e mistero.NeroUn look drammatico.
Come abbinare il colore violetto nell'abbigliamento e nell'arredamento →

Armonie del colore violetto

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

ComplementareVicino a: Chartreuse
AnaloghiVicino a: Blu, Magenta
TriadeVicino a: Mandarino, Verde menta
Complementari divisiVicino a: Giallo, Verde neon
TetradeVicino a: Rosso, Chartreuse, Ciano

Palette con il colore violetto

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

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

Contrasto del colore violetto con il testo

Testo biancoContrasto 5.8:1 · AA
Testo neroContrasto 3.6:1 · AA testo grande

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

Codice CSS

:root {
  --violetto: #8F00FF;
  --violetto-rgb: 143, 0, 255;
}
.sfondo { background-color: var(--violetto); }
.testo { color: var(--violetto); }

Colori simili al colore violetto

BluMagentaViolaBlu scuroViola uvaBlu oltremareBlu marinoIndacoBlu KleinBlu elettrico

Palette a tema con questo colore

Palette di colori neon

Altri colori viola

ViolaPorporaLillaLavandaMalvaPrugnaAmetistaMelanzanaOrchideaIndacoViola uvaGlicineLilla pastelloUltravioletto

Domande frequenti

Qual è il codice del colore violetto?

Il codice HEX del colore violetto è #8F00FF. In RGB è rgb(143, 0, 255), in HSL è hsl(274, 100%, 50%) e in CMYK è 44, 100, 0, 0.

Qual è il complementare del colore violetto?

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

Si può usare il testo bianco sul colore violetto?

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

Con quali colori si abbina il colore violetto?

Si abbina bene con giallo, grigio, bianco, verde menta, rosa. Evita di accostarlo a rossi o arancioni intensi, perché l'insieme diventa pesante. Con viola simili senza contrasto sembra confuso.