Creato a 02/08/2023 09:44
Mobile design web ui hex colors
- Royal Blue#2c64e2
- United Nations Blue#648ce4
- Liver (Dogs)#62381b
- Brown Sugar#a4714e
- Pastel Blue#abc4d3
- Coffee#644735
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Royal Blue #2c64e2 e Liver (Dogs) #62381b. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #62381B (più scuro) a #ABC4D3 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione è in una fascia media.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #2C64E2, #62381B, #644735, #648CE4, #A4714E, #ABC4D3
La tavolozza Mobile design web ui hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #2c64e2, RGB: (44, 100, 226); ESADECIMALE: #648ce4, RGB: (100, 140, 228); ESADECIMALE: #62381b, RGB: (98, 56, 27)
ESADECIMALE: #a4714e, RGB: (164, 113, 78); ESADECIMALE: #abc4d3, RGB: (171, 196, 211); ESADECIMALE: #644735, RGB: (100, 71, 53)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di cornflowerblue, Tonalità di saddlebrown, Ombra di sienna, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Mobile design web ui hex colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2c64e2 | #2c64e2 | RGB(44, 100, 226) | Royal Blue | — |
| #648ce4 | #648ce4 | RGB(100, 140, 228) | United Nations Blue | — |
| #62381b | #62381b | RGB(98, 56, 27) | Liver (Dogs) | — |
| #a4714e | #a4714e | RGB(164, 113, 78) | Brown Sugar | — |
| #abc4d3 | #abc4d3 | RGB(171, 196, 211) | Pastel Blue | — |
| #644735 | #644735 | RGB(100, 71, 53) | Coffee | — |
Contrasto della palette di colori
7 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 |
#2c64e2 | #648ce4 | 1.59 |
#2c64e2 | #62381b | 1.91 |
#2c64e2 | #a4714e | 1.25 |
#2c64e2 | #644735 | 1.61 |
#648ce4 | #a4714e | 1.26 |
#648ce4 | #abc4d3 | 1.8 |
Tavolozza immagini Mobile design web ui hex colors png
Esporta tavolozza
Scarica la "Mobile design web ui hex colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: