El índigo es un tono oscuro y frío que se encuentra entre el azul y el violeta en el círculo cromático. Es un tono profundo y rico que comúnmente se asocia con sentimientos de sabiduría, confianza y lujo.
El índigo se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #560591
- Valor RGB: 33.7% rojo, 2% verde y 56.9% azul
Aquí hay algunas formas de usar el índigo en tus diseños:
- Crea notificaciones sin urgencia. Gracias a su tono rico, el índigo es ideal para captar la atención de los usuarios en insignias de estado o avisos que no requieren acción inmediata.
- Inspira paciencia. Usa índigo para barras de carga y pantallas. Su tono, basado en el azul, infunde una sensación de calma, perfecto cuando necesitas que un usuario espere un momento.
- Destaca puntos de datos. El índigo llama la atención mientras se mantiene profesional. Usa índigo como etiqueta para resaltar puntos de interés en un gráfico o dentro de una colección de datos.
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 audaz y elegante que el índigo, considera:
- Morado real (#7851A9) cautiva con su apariencia lujosa y elegante, realzada por un sutil matiz rojo.
- Azul marino (#000080) es un tono azul oscuro similar a la apariencia profunda y rica del índigo.
- Azul prusia (#003153) es un tono más oscuro de índigo con elementos de verde, evocando un audaz sentido de elegancia e historia.
- Azul pervinca (#CCCCFF) ofrece una versión atenuada del índigo, favoreciendo la delicadeza sobre la vibrancia.
Para complementar el índigo, considera emparejarlo con:
- Blanco (#FFFFFF), una opción clásica para emparejar con índigo, proporciona un contraste refinado.
- Oro (#EFBF04) añade un toque regio y elegante cuando se combina con índigo, inspirando una sensación de grandeza.
- Amarillo pastel (#FFEE8C) es ideal para un emparejamiento dinámico con índigo, creando una energía atenuada.
- Rosa empolvado (#DCA1A1) e índigo evocan sentimientos de feminidad y romance.
- Naranja (#FFA500) emparejado con índigo crea un ambiente vibrante y juguetón.
Otros colores que vale la pena considerar incluyen plata y crema por su apariencia natural y refinada. El verde claro y el topo también combinan bien con índigo, estableciendo una sensación de calma y estabilidad.
Aunque el índigo es reservado, puede chocar con:
- Negro (#000000) tiene una profundidad que puede ser abrumadora junto al índigo.
- Verde neón (#2CFF05) es un tono intenso que puede crear un efecto discordante con el índigo.
- Amarillo mostaza (#FFDB58) puede ser demasiado brillante para emparejar con índigo, creando una sensación de desequilibrio.
- Granate (#550000) tiene tonos rojos cálidos y profundos que pueden ser desagradables cuando se combinan con el tono más frío del índigo.
- Rosa fuerte (#FF69B4) choca con el índigo debido a su vibrancia y matices rojo-azules.
El índigo simboliza sabiduría, confianza y lujo.
En la psicología del color, la conexión del índigo con la realeza y la sabiduría puede promover una sensación de confianza y fiabilidad. Su apariencia calmante también puede evocar sentimientos de serenidad, evocando paz y tranquilidad.
El índigo se utiliza en diseño de interfaces para infundir una sensación de confianza y control, lo que lo convierte en una opción sólida para aplicaciones financieras y otras áreas donde la confianza es el objetivo.
La palabra “índigo” proviene del término griego para “tinte indio”, conectándolo con el país conocido por su producción. Su primer uso documentado fue en 4000 a.C. cuando los peruanos extrajeron el pigmento de la planta Indigofera tinctoria.
El índigo fue muy buscado en el siglo XVI debido a su rareza. Su tono profundo simbolizaba riqueza y realeza, y el color se usaba a menudo para textiles lujosos. A finales del siglo XIX, se inventó el índigo sintético, haciendo el color más accesible. Hoy en día, se utiliza en moda, diseño de interiores y diseño de interfaces digitales.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Lluvia púrpura
Ramo de iris
Verdadero drama
Verificador de contraste
Contraste 11,5
- Texto grande
#560591
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 1,83
- Texto grande
#560591
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #560591, también conocido como Índigo, tiene valores RGB de R:86, G:5, B:145 y valores CMYK de C:41, M:97, Y:0, K:43.
| VALUE | CSS | |
|---|---|---|
| HEX | #560591 | #560591 |
| RGB DECIMAL | 86, 5, 145 | RGB(86,5,145) |
| RGB PERCENTAGE | 33.7, 2.0, 56.9 | RGB(33.7%,2.0%,56.9%) |
| CMYK | 41, 97, 0, 43 | |
| HSL | HSL(274.7, 93.3%, 29.4%) | HSL(274.7, 93.3%, 29.4%) |
| HSV (OR HSB) | 274.7°, 96.6, 56.9 | |
| WEB SAFE | #1020153 | #1020153 |
| BINARY | 01010110, 00000101, 10010001 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.020, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.020, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFF560591) |
