Login page ui figma adobe xd hex colors
- Bleu De France#1c8ce2
- Jordy Blue#89c3f0
- Dark Cerulean#104f7f
- Jelly Bean Blue#527992
- Cadet Blue (Crayola)#a4bbc9
- Onyx#36353c
Creado en 04/14/2023 10:28
La paleta consta de Claro, semioscuro colores. Colores de acento Bleu De France #1c8ce2 y Dark Cerulean #104f7f. La paleta tiene temperatura de color Frío, Neutral.
Por luminosidad, la paleta va de #36353C (más oscuro) a #89C3F0 (más claro). El rango de luminosidad es moderado.
Saturación mixta: 2 apagados y 3 vivos de 6 colores.
Una paleta análoga: sus tonos están juntos en la rueda de color, dentro de unos 4°.
En conjunto, la temperatura de color tiende al frío (5 de 6).
Códigos HEX (ordenados): #104F7F, #1C8CE2, #36353C, #527992, #89C3F0, #A4BBC9
La paleta Login page ui figma adobe xd hex colors combina 6 códigos de color:
HEX: #1c8ce2, RGB: (28, 140, 226); HEX: #89c3f0, RGB: (137, 195, 240); HEX: #104f7f, RGB: (16, 79, 127)
HEX: #527992, RGB: (82, 121, 146); HEX: #a4bbc9, RGB: (164, 187, 201); HEX: #36353c, RGB: (54, 53, 60)
Versión simplificada de la paleta de colores
Tono oscuro de Azul Dodger, Tono oscuro de Azul cielo claro, Tono oscuro de Azul pizarra oscuro, Tono oscuro de Azul acero, Tono oscuro de Azul acero claro, Tono claro de Negro
El esquema de color fue creado por coolor
Códigos de colores en la paleta
Login page ui figma adobe xd hex colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #1c8ce2 | #1c8ce2 | RGB(28, 140, 226) | Bleu De France | — |
| #89c3f0 | #89c3f0 | RGB(137, 195, 240) | Jordy Blue | — |
| #104f7f | #104f7f | RGB(16, 79, 127) | Dark Cerulean | — |
| #527992 | #527992 | RGB(82, 121, 146) | Jelly Bean Blue | — |
| #a4bbc9 | #a4bbc9 | RGB(164, 187, 201) | Cadet Blue (Crayola) | — |
| #36353c | #36353c | RGB(54, 53, 60) | Onyx | — |
Contraste de la paleta de colores
6 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 |
|---|---|---|
#1c8ce2 | #89c3f0 | 1.88 |
#1c8ce2 | #527992 | 1.3 |
#1c8ce2 | #a4bbc9 | 1.78 |
#89c3f0 | #a4bbc9 | 1.05 |
#104f7f | #527992 | 1.84 |
#104f7f | #36353c | 1.41 |
Paleta de imágenes Login page ui figma adobe xd hex colors png
Exportar paleta
Descargue la "Login page ui figma adobe xd hex colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: