Colore #FF1111 (Spicy)

Il codice esadecimale #FF1111 corrisponde al colore Spicy. 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 rossi.

Codice HEX#FF1111
Codice RGBrgb(255, 17, 17)
Codice HSLhsl(0, 100%, 53.3%)
Codice CMYKcmyk(0%, 93%, 93%, 0%)
Famiglia di coloreRossi

Contrasto e accessibilità (WCAG)

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

Colore complementare

Whale
#7C8181

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 Spicy

1

Applicalo nel tuo CSS o design

Copia il codice #FF1111 e utilizzalo direttamente nel tuo foglio di stile, ad esempio background-color: #FF1111; o color: #FF1111;. 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 Spicy insieme al suo colore complementare o insieme alle tonalità simili della famiglia rossi 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 Spicy 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 è #FF1111?

+

Il codice #FF1111 corrisponde al colore Spicy, appartenente alla famiglia dei rossi.

Quali colori si abbinano bene a Spicy?

+

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

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