Ultramarine UI Beam
- Primary Blue#2563eb
- Secondary Sky#93c5fd
- Accent Lime#d9f99d
- Background Base#f9fafb
- Surface White#ffffff
- Text Navy#1e3a8a
Creato il 05/28/2025 06:02
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento Secondary Sky #93c5fd e Accent Lime #d9f99d. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1E3A8A (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Una palette varia: le sue tonalità si distribuiscono su circa 144° della ruota dei colori.
Complessivamente la temperatura tende al freddo (4 su 6).
Codici HEX (ordinati): #1E3A8A, #2563EB, #93C5FD, #D9F99D, #F9FAFB, #FFFFFF
La tavolozza Ultramarine UI Beam combina 6 codici colore:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #93c5fd, RGB: (147, 197, 253); HEX: #d9f99d, RGB: (217, 249, 157)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1e3a8a, RGB: (30, 58, 138)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu reale, Sfumatura di Azzurro cielo chiaro, Tinta di Verde pallido, Tinta di Fumo bianco, Bianco, Sfumatura di Blu ardesia scuro
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Ultramarine UI Beam codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | Primary Blue | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Secondary Sky | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Accent Lime | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Background Base | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Text Navy | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#93c5fd | #d9f99d | 1.54 |
#93c5fd | #f9fafb | 1.72 |
#93c5fd | #ffffff | 1.8 |
#d9f99d | #f9fafb | 1.11 |
#d9f99d | #ffffff | 1.16 |
#f9fafb | #ffffff | 1.04 |
Tavolozza immagini Ultramarine UI Beam png
Esporta tavolozza
Scarica la "Ultramarine UI Beam" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: