Colore #CC4400 (Mellow Mango)
Il codice esadecimale #CC4400 corrisponde al colore Mellow Mango. 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 arancioni.
| Codice HEX | #CC4400 |
|---|---|
| Codice RGB | rgb(204, 68, 0) |
| Codice HSL | hsl(20, 100%, 40%) |
| Codice CMYK | cmyk(0%, 67%, 100%, 20%) |
| Famiglia di colore | Arancioni |
Contrasto e accessibilità (WCAG)
Colore complementare
Grey Web#616669
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 Mellow Mango
Applicalo nel tuo CSS o design
Copia il codice #CC4400 e utilizzalo direttamente nel tuo foglio di stile, ad esempio background-color: #CC4400; o color: #CC4400;. 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 Mellow Mango insieme al suo colore complementare o insieme alle tonalità simili della famiglia arancioni 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 Mellow Mango 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 è #CC4400?
+
Il codice #CC4400 corrisponde al colore Mellow Mango, appartenente alla famiglia dei arancioni.
Quali colori si abbinano bene a Mellow Mango?
+
Puoi visualizzare il suo colore complementare e diversi colori simili qui sotto, oppure generare una palette completa a partire da Mellow Mango con il nostro generatore di palette.
Il colore Mellow Mango è 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.
