Website ux interface branding colors
- Mango Tango#f68242
- Very Light Tangelo#f8ab80
- Japanese Indigo#1c4c4c
- Rackley#64869b
- Dust Storm#dcd1c0
- Dark Slate Gray#2d5b55
Creado en 11/12/2022 17:23
La paleta consta de Claro, semioscuro colores. Colores de acento Mango Tango #f68242 y Japanese Indigo #1c4c4c. La paleta tiene temperatura de color Cálido, Frío.
Por luminosidad, la paleta va de #1C4C4C (más oscuro) a #DCD1C0 (más claro). El rango de luminosidad es moderado.
Saturación mixta: 1 apagados y 2 vivos de 6 colores.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
Las notas cálidas y frías están bastante equilibradas (3 cálidas, 3 frías).
Códigos HEX (ordenados): #1C4C4C, #2D5B55, #64869B, #DCD1C0, #F68242, #F8AB80
La paleta Website ux interface branding colors combina 6 códigos de color:
HEX: #f68242, RGB: (246, 130, 66); HEX: #f8ab80, RGB: (248, 171, 128); HEX: #1c4c4c, RGB: (28, 76, 76)
HEX: #64869b, RGB: (100, 134, 155); HEX: #dcd1c0, RGB: (220, 209, 192); HEX: #2d5b55, RGB: (45, 91, 85)
Versión simplificada de la paleta de colores
Tono oscuro de Coral, Tono claro de Salmón claro, Tono oscuro de Gris pizarra oscuro, Tono claro de Gris pizarra, Tono oscuro de Blanco antiguo, Tono claro de Gris pizarra oscuro
El esquema de color fue creado por hex
Códigos de colores en la paleta
Website ux interface branding colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #f68242 | #f68242 | RGB(246, 130, 66) | Mango Tango | — |
| #f8ab80 | #f8ab80 | RGB(248, 171, 128) | Very Light Tangelo | — |
| #1c4c4c | #1c4c4c | RGB(28, 76, 76) | Japanese Indigo | — |
| #64869b | #64869b | RGB(100, 134, 155) | Rackley | — |
| #dcd1c0 | #dcd1c0 | RGB(220, 209, 192) | Dust Storm | — |
| #2d5b55 | #2d5b55 | RGB(45, 91, 85) | Dark Slate Gray | — |
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 |
|---|---|---|
#f68242 | #f8ab80 | 1.35 |
#f68242 | #64869b | 1.5 |
#f68242 | #dcd1c0 | 1.7 |
#f8ab80 | #dcd1c0 | 1.25 |
#1c4c4c | #2d5b55 | 1.25 |
#64869b | #2d5b55 | 1.98 |
Paleta de imágenes Website ux interface branding colors png
Exportar paleta
Descargue la "Website ux interface branding colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: