Un arancione vivo, un po' più giallo dell'arancione comune, come la buccia del frutto. È fresco ed estivo. Funziona bene su abiti estivi, confezioni di succhi e app dal tono allegro.
Chiamato anche: arancio mandarino, tangerine.
Il colore mandarino (#F28500) è un colore caldo, di luminosità media e molto saturo. Fa parte della famiglia dei colori arancioni. Si ottiene con 242 di rosso, 133 di verde e 0 di blu (su 255). Si usa soprattutto in moda, branding, web.
Dalla più chiara alla più scura. Tocca una tonalità per copiarne il codice.
Abbinamenti basati sul cerchio cromatico. Altri nella pagina armonia dei colori.
Copia i codici o apri la palette nell'editor per modificarla.
Secondo le linee guida WCAG 2.1. Controlla altre coppie con lo strumento di verifica del contrasto.
:root {
--mandarino: #F28500;
--mandarino-rgb: 242, 133, 0;
}
.sfondo { background-color: var(--mandarino); }
.testo { color: var(--mandarino); }Il codice HEX del colore mandarino è #F28500. In RGB è rgb(242, 133, 0), in HSL è hsl(33, 100%, 47%) e in CMYK è 0, 45, 100, 5.
Il suo complementare nel cerchio cromatico è #006DF2, una tonalità vicina al colore blu elettrico. Usato in piccole dosi fa da accento e crea molto contrasto.
Meglio usare il testo nero: il contrasto con il bianco è solo 2.6:1, mentre con il nero è 8.1:1.