B2b ux ui branding colours
- Bright Navy Blue#147dcf
- Picton Blue#4eb4fb
- Yale Blue#145c94
- Café Au Lait#a87a5b
- Cadet Blue (Crayola)#a9b5be
- Charcoal#323d51
Creato il 09/27/2022 12:43
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Picton Blue #4eb4fb e Café Au Lait #a87a5b. La tavolozza ha la temperatura del colore Freddo, Caldo.
Per luminosità, la tavolozza va da #323D51 (più scuro) a #A9B5BE (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (5 su 6).
Codici HEX (ordinati): #145C94, #147DCF, #323D51, #4EB4FB, #A87A5B, #A9B5BE
La tavolozza B2b ux ui branding colours combina 6 codici colore:
HEX: #147dcf, RGB: (20, 125, 207); HEX: #4eb4fb, RGB: (78, 180, 251); HEX: #145c94, RGB: (20, 92, 148)
HEX: #a87a5b, RGB: (168, 122, 91); HEX: #a9b5be, RGB: (169, 181, 190); HEX: #323d51, RGB: (50, 61, 81)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu acciaio, Tinta di Azzurro cielo intenso, Sfumatura di Blu reale, Sfumatura di Perù, Tinta di Grigio scuro, Sfumatura di Blu ardesia scuro
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
B2b ux ui branding colours codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #147dcf | #147dcf | RGB(20, 125, 207) | Bright Navy Blue | — |
| #4eb4fb | #4eb4fb | RGB(78, 180, 251) | Picton Blue | — |
| #145c94 | #145c94 | RGB(20, 92, 148) | Yale Blue | — |
| #a87a5b | #a87a5b | RGB(168, 122, 91) | Café Au Lait | — |
| #a9b5be | #a9b5be | RGB(169, 181, 190) | Cadet Blue (Crayola) | — |
| #323d51 | #323d51 | RGB(50, 61, 81) | Charcoal | — |
Contrasto della palette di colori
8 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 |
|---|---|---|
#147dcf | #4eb4fb | 1.9 |
#147dcf | #145c94 | 1.62 |
#147dcf | #a87a5b | 1.15 |
#4eb4fb | #a87a5b | 1.65 |
#4eb4fb | #a9b5be | 1.08 |
#145c94 | #a87a5b | 1.87 |
Tavolozza immagini B2b ux ui branding colours png
Esporta tavolozza
Scarica la "B2b ux ui branding colours" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: