Creato a 09/13/2022 11:01
Fintech design ui bank
- Blueberry#5a75e9
- Light Cobalt Blue#94a4ec
- Catalina Blue#0f2275
- Indigo Dye#112887
- Lavender Gray#bcbdcc
- Onyx#34343c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Catalina Blue #0f2275 e Indigo Dye #112887. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #34343C (più scuro) a #BCBDCC (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #0F2275, #112887, #34343C, #5A75E9, #94A4EC, #BCBDCC
La tavolozza Fintech design ui bank ha una combinazione di colori dei codici 6:
ESADECIMALE: #5a75e9, RGB: (90, 117, 233); ESADECIMALE: #94a4ec, RGB: (148, 164, 236); ESADECIMALE: #0f2275, RGB: (15, 34, 117)
ESADECIMALE: #112887, RGB: (17, 40, 135); ESADECIMALE: #bcbdcc, RGB: (188, 189, 204); ESADECIMALE: #34343c, RGB: (52, 52, 60)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Ombra di cornflowerblue, Ombra di midnightblue, Ombra di midnightblue, Tonalità di Argento, Ombra di Nero
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Fintech design ui bank codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #5a75e9 | #5a75e9 | RGB(90, 117, 233) | Blueberry | — |
| #94a4ec | #94a4ec | RGB(148, 164, 236) | Light Cobalt Blue | — |
| #0f2275 | #0f2275 | RGB(15, 34, 117) | Catalina Blue | — |
| #112887 | #112887 | RGB(17, 40, 135) | Indigo Dye | — |
| #bcbdcc | #bcbdcc | RGB(188, 189, 204) | Lavender Gray | — |
| #34343c | #34343c | RGB(52, 52, 60) | Onyx | — |
Contrasto della palette di colori
5 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 |
#5a75e9 | #94a4ec | 1.7 |
#94a4ec | #bcbdcc | 1.28 |
#0f2275 | #112887 | 1.11 |
#0f2275 | #34343c | 1.13 |
#112887 | #34343c | 1.01 |
Tavolozza immagini Fintech design ui bank png
Esporta tavolozza
Scarica la "Fintech design ui bank" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: