Colore #F78058 (Bonfire)

Il codice esadecimale #F78058 corrisponde al colore Bonfire. 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#F78058
Codice RGBrgb(247, 128, 88)
Codice HSLhsl(15.1, 90.9%, 65.7%)
Codice CMYKcmyk(0%, 48%, 64%, 3%)
Famiglia di coloreArancioni

Contrasto e accessibilità (WCAG)

Su sfondo bianco: 2.57:1
AA ✕
AAA ✕
Su sfondo nero: 8.18:1
AA ✓
AAA ✓
Apri nel convertitore di colori Crea una tavolozza con questo colore

Colore complementare

Casper
#AAB5B8

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 Bonfire

1

Applicalo nel tuo CSS o design

Copia il codice #F78058 e utilizzalo direttamente nel tuo foglio di stile, ad esempio background-color: #F78058; o color: #F78058;. Se hai bisogno del valore in un altro formato, convertilo a RGB, HSL o CMYK con il nostro convertitore di colori.

2

Combinalo con altri colori

Prova Bonfire 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.

3

Verifica che sia accessibile

Prima di usare Bonfire 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 è #F78058?

+

Il codice #F78058 corrisponde al colore Bonfire, appartenente alla famiglia dei arancioni.

Quali colori si abbinano bene a Bonfire?

+

Puoi visualizzare il suo colore complementare e diversi colori simili qui sotto, oppure generare una palette completa a partire da Bonfire con il nostro generatore di palette.

Il colore Bonfire è 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.

Ti abbiamo aiutato? Aiutaci a farlo sapere!
Condividi PDFDocks con chiunque possa averne bisogno.