Colore #563C0D (Pineapple)
Il codice esadecimale #563C0D corrisponde al colore Pineapple. 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 | #563C0D |
|---|---|
| Codice RGB | rgb(86, 60, 13) |
| Codice HSL | hsl(38.6, 73.7%, 19.4%) |
| Codice CMYK | cmyk(0%, 30%, 85%, 66%) |
| Famiglia di colore | Arancioni |
Contrasto e accessibilità (WCAG)
Colore complementare
Tuna#46494E
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 Pineapple
Applicalo nel tuo CSS o design
Copia il codice #563C0D e utilizzalo direttamente nel tuo foglio di stile, ad esempio background-color: #563C0D; o color: #563C0D;. 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 Pineapple 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 Pineapple 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 è #563C0D?
+
Il codice #563C0D corrisponde al colore Pineapple, appartenente alla famiglia dei arancioni.
Quali colori si abbinano bene a Pineapple?
+
Puoi visualizzare il suo colore complementare e diversi colori simili qui sotto, oppure generare una palette completa a partire da Pineapple con il nostro generatore di palette.
Il colore Pineapple è 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.
