El ébano, conocido típicamente por sus tonos negros profundos, adopta un matiz único en el código Hex #5D6658. Esta variante de verde grisáceo oscuro ofrece un giro rico y terroso al clásico color negro. Sus sutiles matices verdes proporcionan una profundidad sofisticada y natural, haciéndolo adecuado para diseños que requieren una paleta fuerte pero matizada. Este color mantiene la elegancia asociada con el negro mientras introduce una sensación fresca y orgánica.
El ébano se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #5D6658
- Valor RGB: 36.5% rojo, 40% verde y 34.5% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Usar el ébano de manera efectiva en el diseño de interfaces implica aprovechar su profundidad y sofisticación mientras se mantiene el equilibrio y la accesibilidad. Aquí hay algunos consejos:
- Crea un fuerte contraste. El ébano es un excelente color de fondo que puede hacer que el texto más claro y los colores vibrantes resalten, mejorando la legibilidad y destacando elementos clave.
- Transmite elegancia. Usa el ébano para marcas de lujo, productos de alta gama o servicios que buscan proyectar una imagen de exclusividad y calidad premium. Funciona bien en diseños minimalistas donde menos es más, permitiendo que el color lleve el impacto visual.
- Enfócate en la tipografía. El ébano puede ayudar a crear una interfaz elegante y legible para texto sobre fondos más claros. Elige fuentes limpias y modernas para mantener un aspecto sofisticado y accesible.
- Equilibra con colores más claros. Para evitar abrumar al usuario, equilibra el ébano con tonos más claros como blancos, cremas o pasteles. Esto rompe la monotonía y asegura que la interfaz sea ligera y agradable de navegar.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro apagado y terroso que el ébano, considera las siguientes opciones:
- Verde oliva (#6B8E23) proporciona un tono similar apagado pero con un aspecto más verde, siendo un pariente cercano en colores naturales y sutiles.
- Verde musgo (#8A9A5B) es ligeramente más claro y vibrante, pero aún comparte la conexión del ébano con tonos naturales y terrosos.
- Gris pizarra oscuro (#2F4F4F) ofrece un tono más frío y azulado, pero mantiene la misma profundidad e intensidad que el ébano.
Para complementar los tonos profundos y arraigados del ébano, considera emparejarlo con:
- Crema (#FDFBD4) es un color claro y aireado que contrasta con los tonos profundos del ébano, realzando su riqueza.
- Siena quemada (#ED7B58) introduce un rojo terroso cálido que complementa los matices verdes naturales del ébano.
- Azul acero (#4682B4) ofrece un contraste relajante pero vibrante, armonizando con los elementos más fríos del ébano.
- Durazno suave (#FAD5A5) proporciona un contraste suave e invitante al tono más oscuro y reservado del ébano.
- Lavanda (#E6E6FA) añade un toque de suavidad floral que aligera el ambiente general sin opacar la fuerza sutil del ébano.
Otros colores que vale la pena considerar incluyen amarillo mostaza para añadir un toque de encanto vintage, rosa empolvado para un ambiente suave y romántico, y turquesa pálido para introducir un contraste refrescante.
Aunque el ébano es un tono versátil, puede chocar con:
- Amarillo brillante (#FFFF00) tiende a sobrepasar la naturaleza sutil del ébano, creando un impacto visual discordante.
- Rosa fuerte (#FF69B4) puede parecer demasiado audaz y vibrante junto a la elegancia discreta del ébano, potencialmente chocando en estilo.
- Verde neón (#2CFF05) ofrece una saturación intensa que entra en conflicto con las cualidades apagadas y terrosas del ébano.
- Azul eléctrico (#00F0FF) podría ser demasiado vívido y dominante, eclipsando la sutileza natural del ébano.
- Gris claro (#D3D3D3), aunque neutral, puede deslavar la rica profundidad del ébano, llevando a una combinación plana y poco atractiva.
La rareza y oscuridad de la madera de ébano conectan el color con el poder, la elegancia e incluso el misterio. Esta profundidad también lleva un toque de solemnidad, convirtiéndolo en un color tradicional para el luto y entornos dignos.
Al igual que el negro, el ébano evoca sentimientos de fuerza, autoridad y disciplina. Sin embargo, la calidez sutil del ébano suaviza ligeramente el impacto. Es un color estabilizador y arraigado, que sugiere fiabilidad y seriedad.
El ébano crea un fuerte impacto visual en el diseño de interfaces. Transmite profesionalismo y sofisticación, haciéndolo ideal para marcas de lujo, interfaces de alta gama y aplicaciones dirigidas a una audiencia madura. El ébano crea un contraste llamativo cuando se usa como fondo o para texto, mejorando la legibilidad y permitiendo a los usuarios enfocarse en el contenido esencial. Recuerda equilibrarlo con colores más claros para evitar una sensación pesada u opresiva. En diseños minimalistas, la profundidad del ébano crea una sensación de espacio y lujo.
La palabra "ébano" proviene del árbol, famoso por su color negro profundo, densidad y hermoso pulido. Esta madera preciada ha sido la favorita de los artesanos durante siglos. Los antiguos egipcios usaban ébano para muebles, tallados e incluso instrumentos musicales, valorando su belleza y durabilidad.
Hoy en día, el color "ébano" se utiliza en la moda y el diseño para evocar un sentido similar de lujo y sofisticación, ofreciendo una alternativa elegante al negro simple.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Suculentas
Memorias
Pantano
Verificador de contraste
Contraste 5,99
- Texto grande
#5D6658
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,51
- Texto grande
#5D6658
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #5d6658, también conocido como color ébano, tiene valores RGB de R:93, G:102, B:88 y valores CMYK de C:9, M:0, Y:14, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #5d6658 | #5d6658 |
| RGB DECIMAL | 93, 102, 88 | RGB(93,102,88) |
| RGB PERCENTAGE | 36.5, 40.0, 34.5 | RGB(36.5%,40.0%,34.5%) |
| CMYK | 9, 0, 14, 60 | |
| HSL | HSL(98.6, 7.4%, 37.3%) | HSL(98.6, 7.4%, 37.3%) |
| HSV (OR HSB) | 98.6°, 13.7, 40.0 | |
| WEB SAFE | #102102102 | #102102102 |
| BINARY | 01011101, 01100110, 01011000 | |
| iOS - SwiftUI | Color(red: 0.365, green: 0.400, blue: 0.345) | |
| iOS - UIKit | UIColor(red: 0.365, green: 0.400, blue: 0.345, alpha: 1) | |
| Android - Compose | Color(0xFF5D6658) |
