Cloud Blueprint Solution Architect UI Kit
- Architect Deep Teal#0f766e
- Infrastructure Blue#2563eb
- Cloud White Base#f8fafc
- System Copper Accent#c2410c
- Stability Sage#84a98c
- Structural Stone Gray#94a3b8
- Planning Sun Yellow#facc15
Cloud Blueprint Solution Architect UI Kit ha 7 colori di molte tonalità diverse. Il colore più chiaro è Cloud White Base (#F8FAFC), il più scuro Architect Deep Teal (#0F766E). La coppia con il contrasto più alto è #0F766E su #F8FAFC (5.2:1, WCAG AA).
Per luminosità, la tavolozza va da #0F766E (più scuro) a #F8FAFC (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 57% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (4 su 7).
Codici HEX (ordinati): #0F766E, #2563EB, #84A98C, #94A3B8, #C2410C, #F8FAFC, #FACC15
Codici colori nella tavolozza
Cloud Blueprint Solution Architect UI Kit codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #0f766e | #0f766e | RGB(15, 118, 110) | Architect Deep Teal | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Infrastructure Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Cloud White Base | — |
| #c2410c | #c2410c | RGB(194, 65, 12) | System Copper Accent | — |
| #84a98c | #84a98c | RGB(132, 169, 140) | Stability Sage | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Structural Stone Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Planning Sun Yellow | — |
Contrasto della palette di colori
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#0f766e | #2563eb | 1.05 |
#0f766e | #c2410c | 1.05 |
#2563eb | #c2410c | 1 |
#2563eb | #84a98c | 1.97 |
#f8fafc | #facc15 | 1.46 |
#c2410c | #84a98c | 1.98 |
Tavolozza immagini Cloud Blueprint Solution Architect UI Kit png
Esporta tavolozza
Formati disponibili: