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 tiene 7 colores de muchos tonos distintos. El color más claro es Cloud White Base (#F8FAFC) y el más oscuro, Architect Deep Teal (#0F766E). La pareja con más contraste es #0F766E sobre #F8FAFC (5.2:1, WCAG AA).
Por luminosidad, la paleta va de #0F766E (más oscuro) a #F8FAFC (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto) — el 57% de los colores son vivos.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
En conjunto, la temperatura de color tiende al frío (4 de 7).
Códigos HEX (ordenados): #0F766E, #2563EB, #84A98C, #94A3B8, #C2410C, #F8FAFC, #FACC15
Códigos de colores en la paleta
Cloud Blueprint Solution Architect UI Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 | — |
Contraste de la paleta de colores
| Color de texto | Color de fondo | Relación de contraste |
|---|---|---|
#0f766e | #2563eb | 1.05 |
#0f766e | #c2410c | 1.05 |
#2563eb | #c2410c | 1 |
#2563eb | #84a98c | 1.97 |
#f8fafc | #facc15 | 1.46 |
#c2410c | #84a98c | 1.98 |
Paleta de imágenes Cloud Blueprint Solution Architect UI Kit png
Exportar paleta
Formatos disponibles: