Website esign developer hero section colours
- Fire Opal#e9534b
- Pastel Pink#ddb0a2
- UP Maroon#76130e
- Gray (HTML/CSS Gray)#827c7c
- Pale Chestnut#deb7b7
- Old Burgundy#44342c
Creado en 12/25/2022 16:58
La paleta consta de Claro, Oscuro, semioscuro colores. Colores de acento Fire Opal #e9534b y UP Maroon #76130e. La paleta tiene temperatura de color Cálido, Neutral.
Por luminosidad, la paleta va de #44342C (más oscuro) a #DEB7B7 (más claro). El rango de luminosidad es moderado.
Saturación mixta: 2 apagados y 2 vivos de 6 colores.
Una paleta análoga: sus tonos están juntos en la rueda de color, dentro de unos 20°.
En conjunto, la temperatura de color tiende al cálido (5 de 6).
Códigos HEX (ordenados): #44342C, #76130E, #827C7C, #DDB0A2, #DEB7B7, #E9534B
La paleta Website esign developer hero section colours combina 6 códigos de color:
HEX: #e9534b, RGB: (233, 83, 75); HEX: #ddb0a2, RGB: (221, 176, 162); HEX: #76130e, RGB: (118, 19, 14)
HEX: #827c7c, RGB: (130, 124, 124); HEX: #deb7b7, RGB: (222, 183, 183); HEX: #44342c, RGB: (68, 52, 44)
Versión simplificada de la paleta de colores
Tono claro de Rojo indio, Tono claro de Salmón oscuro, Tono claro de Granate, Tono oscuro de Gris, Tono oscuro de Rosa, Tono claro de Negro
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Website esign developer hero section colours códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #e9534b | #e9534b | RGB(233, 83, 75) | Fire Opal | — |
| #ddb0a2 | #ddb0a2 | RGB(221, 176, 162) | Pastel Pink | — |
| #76130e | #76130e | RGB(118, 19, 14) | UP Maroon | — |
| #827c7c | #827c7c | RGB(130, 124, 124) | Gray (HTML/CSS Gray) | — |
| #deb7b7 | #deb7b7 | RGB(222, 183, 183) | Pale Chestnut | — |
| #44342c | #44342c | RGB(68, 52, 44) | Old Burgundy | — |
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 |
|---|---|---|
#e9534b | #ddb0a2 | 1.86 |
#e9534b | #827c7c | 1.13 |
#e9534b | #deb7b7 | 1.99 |
#ddb0a2 | #deb7b7 | 1.07 |
#76130e | #44342c | 1.05 |
Paleta de imágenes Website esign developer hero section colours png
Exportar paleta
Descargue la "Website esign developer hero section colours" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: