El ébano, típicamente conocido por sus tonos negros profundos, adopta un matiz único en el código Hex #5D6658. Esta variante de gris oscuro verdoso ofrece un giro rico y terroso al clásico color negro. Sus sutiles matices verdes aportan 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
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Usar el ébano de manera efectiva en el diseño UI 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro apagado y terroso que el ébano, considera las siguientes opciones:
- Verde oliva oscuro (#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 cálido y terroso 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.
- Melocotón suave (#FAD5A5) proporciona un contraste suave y acogedor al tono más oscuro y reservado del ébano.
- Lavanda (#E6E6FA) añade un toque de suavidad floral que aligera el ambiente general sin sobrepasar 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 de arraigo, sugiriendo fiabilidad y seriedad.
El ébano crea un fuerte impacto visual en el diseño UI. 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 centrarse 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, tallas e incluso instrumentos musicales, valorando su belleza y durabilidad.
Hoy en día, el color "ébano" se usa 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Suculentas
Memorias
Pantano
Comprobador de contraste
Contraste 5,99
- Texto largo
#5D6658
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,51
- Texto largo
#5D6658
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #5d6658, también llamado 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) |
