Webdesign landingpage flat landingpagedesign
- Turquoise#58ecd0
- Moonstone#2c9ab8
- Artichoke#9a9669
- Cookies And Cream#d9d6a9
- Deep Space Sparkle#3e6569
- #3e6569
Creado en 01/25/2022 18:21
La paleta consta de Claro, semioscuro colores. Colores de acento Turquoise #58ecd0 y Moonstone #2c9ab8. La paleta tiene temperatura de color Frío, Cálido.
Por luminosidad, la paleta va de #3E6569 (más oscuro) a #D9D6A9 (más claro). El rango de luminosidad es moderado.
Saturación mixta: 3 apagados y 2 vivos de 6 colores.
Una paleta variada: sus tonos se reparten por unos 138° de la rueda de color.
En conjunto, la temperatura de color tiende al frío (4 de 6).
Códigos HEX (ordenados): #2C9AB8, #3E6569, #58ECD0, #9A9669, #D9D6A9
La paleta Webdesign landingpage flat landingpagedesign combina 6 códigos de color:
HEX: #58ecd0, RGB: (88, 236, 208); HEX: #2c9ab8, RGB: (44, 154, 184); HEX: #9a9669, RGB: (154, 150, 105)
HEX: #d9d6a9, RGB: (217, 214, 169); HEX: #3e6569, RGB: (62, 101, 105); HEX: #3e6569, RGB: (62, 101, 105)
Versión simplificada de la paleta de colores
Tono claro de Turquesa, Tono oscuro de Azul cadete, Tono oscuro de Caqui oscuro, Tono oscuro de Vara de oro pálido, Tono claro de Gris pizarra oscuro, Tono claro de Gris pizarra oscuro
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Webdesign landingpage flat landingpagedesign códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #58ecd0 | #58ecd0 | RGB(88, 236, 208) | Turquoise | — |
| #2c9ab8 | #2c9ab8 | RGB(44, 154, 184) | Moonstone | — |
| #9a9669 | #9a9669 | RGB(154, 150, 105) | Artichoke | — |
| #d9d6a9 | #d9d6a9 | RGB(217, 214, 169) | Cookies And Cream | — |
| #3e6569 | #3e6569 | RGB(62, 101, 105) | Deep Space Sparkle | — |
| #3e6569 | #3e6569 | RGB(62, 101, 105) | — | — |
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 |
|---|---|---|
#58ecd0 | #d9d6a9 | 1.01 |
#2c9ab8 | #9a9669 | 1.08 |
#2c9ab8 | #3e6569 | 1.96 |
#2c9ab8 | #3e6569 | 1.96 |
#3e6569 | #3e6569 | 1 |
Paleta de imágenes Webdesign landingpage flat landingpagedesign png
Exportar paleta
Descargue la "Webdesign landingpage flat landingpagedesign" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: