Acerca de Índigo
Índigo (indigo) es un morado oscuro y vivo con el código hex #4b0082, o rgb(75, 0, 130). En HSL tiene un tono de 275°, saturación del 100% y luminosidad del 25%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: indigo; en lugar del valor hex.
Usar índigo para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto índigo sobre blanco | 12.95 : 1 | AAA |
| Texto índigo sobre negro | 1.62 : 1 | no cumple |
Sobre un fondo índigo, usa texto blanco (12.95 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: indigo; /* or #4b0082 */
background-color: #4b0082;
border: 1px solid rgb(75 0 130 / 50%);
}Colores con nombre similares
Morado (#800080), Azul medianoche (#191970), Azul pizarra oscuro (#483d8b), Morado Rebecca (#663399), Magenta oscuro (#8b008b), Azul marino (#000080).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.