El berenjena es un morado intenso y enigmático que exuda elegancia y misterio. Se sitúa entre el violeta y el índigo en la rueda de colores, asemejándose a un tono de ciruela exuberante. Tonos relacionados incluyen berenjena y violeta apagado. Usa el berenjena en diseños para añadir profundidad y sofisticación. ¡Perfecto para fondos o acentos!
El berenjena se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales:
- Código Hex: #614051
- Valor RGB: 38.0% rojo, 25.1% verde, 31.8% azul
Variaciones y Tonos Cercanos al Berenjena
Para variaciones dentro del mismo espectro que el berenjena, considera:
- Berenjena (#372528): Este color morado profundo lleva un tono de lavanda oscuro y rico que refleja la esencia enigmática y sofisticada del Berenjena.
- Ciruela (#8E4585): Con su tono violeta vibrante pero apagado, la Ciruela comparte la profundidad y elegancia del color uva, recordando a un violeta apagado.
- Morado Oscuro (#341539): Con un tinte morado ahumado, el Morado Oscuro ofrece una riqueza similar y una profundidad cautivadora estrechamente vinculada al color similar al vino del Berenjena.
- Burdeos (#660033): El Burdeos presenta una mezcla de rojo-púrpura oscuro con un tinte burdeos, evocando una atmósfera dramática y enigmática similar al Berenjena.
Armonías de Color: El Verde como Complemento
Para complementar el Berenjena, considera emparejarlo con tonos verdes y otros colores que aporten equilibrio y contraste:
- Chartreuse (#CCFF00): Este verde brillante y picante proporciona un contraste llamativo con el Berenjena, creando una paleta animada y energética que resalta las profundidades moradas del Berenjena.
- Crema (#FDFBD4): Ofreciendo un fondo suave y neutral, el Crema equilibra los tonos índigo ricos del Berenjena, aportando calidez y mejorando un aspecto sofisticado.
- Azul Polvo (#B8E3E9): Este tono calmante y pastel de azul realza el tono violeta apagado del Berenjena, proporcionando un contraste refrescante mientras mantiene la elegancia.
- Coral (#FF8559): Este naranja cálido y acogedor aporta un toque de vitalidad al tono ciruela del Berenjena, añadiendo un equilibrio animado pero armonioso.
- Arena (#CBBd93): Proporcionando una base terrosa y apagada, el Arena complementa los matices morados ahumados del Berenjena, resultando en una paleta natural y relajante.
Colores a Evitar al Combinar con Berenjena
Aunque el Berenjena es un morado profundo y enigmático, puede chocar con ciertos tonos vibrantes o saturados, creando combinaciones visualmente discordantes:
- Verde Neón (#2CFF05): El brillo y la alta saturación del verde neón pueden contrastar bruscamente con los tonos apagados del berenjena, creando una experiencia visual discordante.
- Amarillo Brillante (#FFED29): Su intensa vibración puede dominar la riqueza apagada del berenjena, llevando a una combinación desequilibrada e inquietante.
- Rojo (#FF2C2C): El rojo fuerte y saturado puede competir con el tono morado oscuro del berenjena, llevando a un choque que se siente visualmente abrumador.
- Cian (#00FFFF): La naturaleza fresca y brillante del cian puede crear un contraste demasiado marcado cuando se coloca junto al berenjena, haciendo que la combinación se sienta dura y discordante.
- Verde Lima (#89F336): Introduce un tinte vivo y vívido que puede eclipsar el tono más oscuro y sofisticado del berenjena, resultando en una paleta menos cohesiva.
🖍 PALETA DE COLORES: Cómo crear una y qué tener en cuenta
Consideraciones de Accesibilidad y Contraste
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Es importante asegurar un contraste adecuado entre el texto y el fondo para garantizar la legibilidad. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Por ejemplo, al usar el color berenjena (#614051) sobre un fondo blanco (#FFFFFF):
- Para texto largo, el contraste es de 8.9, lo cual es excelente.
- Para texto normal, el contraste es de 2.36, lo cual es insuficiente para cumplir con los estándares de accesibilidad.
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.