Colore #69359C (Purple Heart)
Il codice esadecimale #69359C corrisponde al colore Purple Heart. Di seguito puoi vedere i suoi valori esatti in RGB, HSL e CMYK, verificare il suo contrasto su sfondo bianco e nero, e scoprire colori simili e complementari all'interno della famiglia dei viola.
| Codice HEX | #69359C |
|---|---|
| Codice RGB | rgb(105, 53, 156) |
| Codice HSL | hsl(270.3, 49.3%, 41%) |
| Codice CMYK | cmyk(33%, 66%, 0%, 39%) |
| Famiglia di colore | Viola |
Contrasto e accessibilità (WCAG)
Colore complementare
Extra Life#6AB417
Colori simili
Esplora i colori per famiglia
Oltre 469 colori con nome, con i loro codici HEX, RGB, HSL e CMYK, organizzati in 12 famiglie di tonalità.
Come utilizzare il colore Purple Heart
Applicalo nel tuo CSS o design
Copia il codice #69359C e utilizzalo direttamente nel tuo foglio di stile, ad esempio background-color: #69359C; o color: #69359C;. Se hai bisogno del valore in un altro formato, convertilo a RGB, HSL o CMYK con il nostro convertitore di colori.
Combinalo con altri colori
Prova Purple Heart insieme al suo colore complementare o insieme alle tonalità simili della famiglia viola che ti mostriamo qui sotto, oppure genera una palette completa a partire da questo colore con il generatore di palette.
Verifica che sia accessibile
Prima di usare Purple Heart come colore del testo o dello sfondo, controlla il rapporto di contrasto su bianco e nero indicato sopra, oppure analizza qualsiasi combinazione nel verificatore di contrasto per assicurarti che soddisfi i livelli WCAG AA e AAA.
Domande frequenti
Quale colore è #69359C?
+
Il codice #69359C corrisponde al colore Purple Heart, appartenente alla famiglia dei viola.
Quali colori si abbinano bene a Purple Heart?
+
Puoi visualizzare il suo colore complementare e diversi colori simili qui sotto, oppure generare una palette completa a partire da Purple Heart con il nostro generatore di palette.
Il colore Purple Heart è accessibile per il testo?
+
Dipende dallo sfondo: consulta il rapporto di contrasto su bianco e nero qui sopra per verificare se soddisfa i livelli di accessibilità WCAG AA e AAA.
