Creato a 01/17/2020 21:32
Tints of Material Design Orange color #FF9800 hex
#ff9800
#ffa219
#ffad33
#ffb74d
#ffc166
#ffcc80
#ffd699
#ffe0b3
#ffeacc
#fff5e6
La tavolozza è composta da Leggero colori. Colori accentati #ffeacc e #fff5e6. La tavolozza ha la temperatura del colore Caldo, Neutro.
La tavolozza Tints of Material Design Orange color #FF9800 hex ha una combinazione di colori dei codici 10:
ESADECIMALE: #ff9800, RGB: (255, 152, 0); ESADECIMALE: #ffa219, RGB: (255, 162, 25); ESADECIMALE: #ffad33, RGB: (255, 173, 51)
ESADECIMALE: #ffb74d, RGB: (255, 183, 77); ESADECIMALE: #ffc166, RGB: (255, 193, 102); ESADECIMALE: #ffcc80, RGB: (255, 204, 128)
ESADECIMALE: #ffd699, RGB: (255, 214, 153); ESADECIMALE: #ffe0b3, RGB: (255, 224, 179); ESADECIMALE: #ffeacc, RGB: (255, 234, 204)
ESADECIMALE: #fff5e6, RGB: (255, 245, 230)
Versione semplificata della tavolozza dei colori
Ombra di darkorange, Ombra di Arancia, Ombra di Arancia, Ombra di Arancia, Ombra di Arancia, Tonalità di navajowhite, Tonalità di navajowhite, Ombra di navajowhite, Tonalità di blanchedalmond, Ombra di oldlace
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Tints of Material Design Orange color #FF9800 hex codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#ff9800 | RGB(255, 152, 0) | — | — | |
#ffa219 | RGB(255, 162, 25) | — | — | |
#ffad33 | RGB(255, 173, 51) | — | — | |
#ffb74d | RGB(255, 183, 77) | — | — | |
#ffc166 | RGB(255, 193, 102) | — | — | |
#ffcc80 | RGB(255, 204, 128) | — | — | |
#ffd699 | RGB(255, 214, 153) | — | — | |
#ffe0b3 | RGB(255, 224, 179) | — | — | |
#ffeacc | RGB(255, 234, 204) | — | — | |
#fff5e6 | RGB(255, 245, 230) | — | — |
Contrasto della palette di colori
45 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo | Colore di sfondo | Rapporto di contrasto |
#ff9800 | #ffa219 | 1.07 |
#ff9800 | #ffad33 | 1.15 |
#ff9800 | #ffb74d | 1.24 |
#ff9800 | #ffc166 | 1.34 |
#ff9800 | #ffcc80 | 1.45 |
#ff9800 | #ffd699 | 1.57 |