Creado en 03/07/2022 16:29
App design ui colors
- Blue (Crayola)#246cf1
- French Sky Blue#74acf4
- Cyan Cobalt Blue#244c9c
- Old Silver#848484
- Lavender Gray#beb9ce
- Charcoal#2e3e58
La paleta consta de Luz colores. Colores de acento Blue (Crayola) #246cf1 y Old Silver #848484. La paleta tiene temperatura de color Frío, Neutral.
Por luminosidad, la paleta va de #2E3E58 (más oscuro) a #BEB9CE (más claro). El rango de luminosidad es moderado.
Saturación mixta: 2 apagados y 3 vivos de 6 colores.
Los matices sugieren un bloque mayormente análogo de unos 41° (heurística, no es una etiqueta estricta).
En conjunto, la temperatura de color tiende al frío (5 de 6).
Códigos HEX (ordenados): #244C9C, #246CF1, #2E3E58, #74ACF4, #848484, #BEB9CE
La paleta App design ui colors tiene una combinación de colores de códigos de 6:
HEX: #246cf1, RGB: (36, 108, 241); HEX: #74acf4, RGB: (116, 172, 244); HEX: #244c9c, RGB: (36, 76, 156)
HEX: #848484, RGB: (132, 132, 132); HEX: #beb9ce, RGB: (190, 185, 206); HEX: #2e3e58, RGB: (46, 62, 88)
Versión simplificada de la paleta de colores
Matiz de royalblue, Sombra de cornflowerblue, Matiz de darkslateblue, Sombra de Gris, Matiz de thistle, Matiz de darkslateblue
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
App design ui colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #246cf1 | #246cf1 | RGB(36, 108, 241) | Blue (Crayola) | — |
| #74acf4 | #74acf4 | RGB(116, 172, 244) | French Sky Blue | — |
| #244c9c | #244c9c | RGB(36, 76, 156) | Cyan Cobalt Blue | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #beb9ce | #beb9ce | RGB(190, 185, 206) | Lavender Gray | — |
| #2e3e58 | #2e3e58 | RGB(46, 62, 88) | Charcoal | — |
Contraste de la paleta de colores
7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
|---|---|---|
#246cf1 | #74acf4 | 1.99 |
#246cf1 | #244c9c | 1.73 |
#246cf1 | #848484 | 1.25 |
#74acf4 | #848484 | 1.59 |
#74acf4 | #beb9ce | 1.23 |
#244c9c | #2e3e58 | 1.33 |
Paleta de imágenes App design ui colors png
Exportar paleta
Descargue la "App design ui colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: