Creado en 02/15/2023 13:27
Design landing page illustration ui
- Bleu De France#2f96db
- Fawn#e2a679
- Cetacean Blue#180634
- Dark Lavender#6c5797
- Pastel Gray#d5c9c0
- English Violet#5a3c5f
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento Fawn #e2a679 y Cetacean Blue #180634. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #180634 (más oscuro) a #D5C9C0 (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #180634, #2F96DB, #5A3C5F, #6C5797, #D5C9C0, #E2A679
La paleta Design landing page illustration ui tiene una combinación de colores de códigos de 6:
HEX: #2f96db, RGB: (47, 150, 219); HEX: #e2a679, RGB: (226, 166, 121); HEX: #180634, RGB: (24, 6, 52)
HEX: #6c5797, RGB: (108, 87, 151); HEX: #d5c9c0, RGB: (213, 201, 192); HEX: #5a3c5f, RGB: (90, 60, 95)
Versión simplificada de la paleta de colores
Sombra de dodgerblue, Matiz de sandybrown, Matiz de midnightblue, Matiz de slateblue, Matiz de lightgrey, Matiz de darkslateblue
El esquema de color fue creado por bad_colors
Códigos de colores en la paleta
Design landing page illustration ui códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #2f96db | #2f96db | RGB(47, 150, 219) | Bleu De France | — |
| #e2a679 | #e2a679 | RGB(226, 166, 121) | Fawn | — |
| #180634 | #180634 | RGB(24, 6, 52) | Cetacean Blue | — |
| #6c5797 | #6c5797 | RGB(108, 87, 151) | Dark Lavender | — |
| #d5c9c0 | #d5c9c0 | RGB(213, 201, 192) | Pastel Gray | — |
| #5a3c5f | #5a3c5f | RGB(90, 60, 95) | English Violet | — |
Contraste de la paleta de colores
5 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 |
#2f96db | #e2a679 | 1.53 |
#2f96db | #6c5797 | 1.88 |
#2f96db | #d5c9c0 | 1.98 |
#e2a679 | #d5c9c0 | 1.29 |
#6c5797 | #5a3c5f | 1.53 |
Paleta de imágenes Design landing page illustration ui png
Exportar paleta
Descargue la "Design landing page illustration ui" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: