Header typography visual design landing page colors
- Fawn#d4b46c
- Jasmine#f6d67b
- Field Drab#66501e
- Bronze (Metallic)#aa975f
- Dark Vanilla#cdc7ad
- Outer Space#444c44
Creado en 12/09/2022 13:37
La paleta consta de Claro, semioscuro colores. Colores de acento Fawn #d4b46c y Jasmine #f6d67b. La paleta tiene temperatura de color Cálido, Neutral.
Por luminosidad, la paleta va de #444C44 (más oscuro) a #F6D67B (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 7°.
En conjunto, la temperatura de color tiende al cálido (5 de 6).
Códigos HEX (ordenados): #444C44, #66501E, #AA975F, #CDC7AD, #D4B46C, #F6D67B
La paleta Header typography visual design landing page colors combina 6 códigos de color:
HEX: #d4b46c, RGB: (212, 180, 108); HEX: #f6d67b, RGB: (246, 214, 123); HEX: #66501e, RGB: (102, 80, 30)
HEX: #aa975f, RGB: (170, 151, 95); HEX: #cdc7ad, RGB: (205, 199, 173); HEX: #444c44, RGB: (68, 76, 68)
Versión simplificada de la paleta de colores
Tono oscuro de Madera, Tono oscuro de Caqui, Tono oscuro de Marrón cuero, Tono oscuro de Caqui oscuro, Tono oscuro de Trigo, Tono claro de Gris pizarra oscuro
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Header typography visual design landing page colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #d4b46c | #d4b46c | RGB(212, 180, 108) | Fawn | — |
| #f6d67b | #f6d67b | RGB(246, 214, 123) | Jasmine | — |
| #66501e | #66501e | RGB(102, 80, 30) | Field Drab | — |
| #aa975f | #aa975f | RGB(170, 151, 95) | Bronze (Metallic) | — |
| #cdc7ad | #cdc7ad | RGB(205, 199, 173) | Dark Vanilla | — |
| #444c44 | #444c44 | RGB(68, 76, 68) | Outer Space | — |
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 |
|---|---|---|
#d4b46c | #f6d67b | 1.4 |
#d4b46c | #aa975f | 1.44 |
#d4b46c | #cdc7ad | 1.17 |
#f6d67b | #cdc7ad | 1.19 |
#66501e | #444c44 | 1.15 |
#aa975f | #cdc7ad | 1.69 |
Paleta de imágenes Header typography visual design landing page colors png
Exportar paleta
Descargue la "Header typography visual design landing page colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: