Guía de color

Color Índigo

#6366F1

Códigos del color índigo

HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
OKLCH
oklch(79% 0.10 288)

Qué significa el índigo

El índigo está entre el azul y el violeta: tan confiable como el azul pero más imaginativo. Es el color no oficial de las herramientas dev modernas.

Cómo usarlo en diseño

Primario seguro y moderno para dashboards SaaS, documentación y marcas dev.

Combinaciones de color con el índigo

Armonías calculadas con teoría del color para el matiz base 239°.

Complementario

Contraste máximo: #6366F1 + #F2EF64

Abrir en el editor

Análogo

Armonía a ±30°: #64ADF2 · #6366F1 · #A864F2

Triádico

Separación de 120°: #6366F1 · #F26467 · #67F264

Tonos del color índigo (escala 50–900)

Escala estilo Tailwind generada a partir de #6366F1.

50 #17185B
100 #181961
200 #1C1D79
300 #1F21A4
400 #2327E0
500 #6467F2
600 #B4B5F4
700 #EDEDFC
800 #FFFFFF
900 #FFFFFF

Colores que combinan con el índigo

Preguntas frecuentes sobre el color índigo

¿Cuál es el código HEX del color índigo?

Un valor HEX muy usado para el color índigo es #6366F1, equivalente a rgb(99, 102, 241). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (239°).

¿Qué colores combinan con el índigo?

El índigo combina muy bien con amber, mint, white, pink. Su color complementario es #F2EF64, y una combinación triádica clásica añade #F26467 y #67F264.

¿Es el índigo accesible para textos y fondos?

Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el índigo en textos o elementos de interfaz.

Crea tu propia paleta en índigo

Genera combinaciones armónicas a partir de #6366F1 en segundos.

Abrir el generador de paletas