35 Tonos Diferentes de Color Índigo (+ Códigos HEX)

Explora todos los tonos de índigo, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores índigo. Haz clic en cualquier tono para copiar su código HEX.

¡El índigo es el color de la profundidad, el misterio y la creatividad! Desde tonos oscuros y enigmáticos hasta matices ricos y aterciopelados, explora nuestra colección de más de 30 tonos de índigo que añaden un toque audaz y sofisticado a cualquier diseño.

Ya sea que prefieras un tono oscuro y dramático o uno más suave y sutil, encontrarás una variedad de tonos con sus nombres y códigos de color. ¡Además, descubre impresionantes paletas de colores índigo para tus proyectos!

  • bright lavender
    #BF94E4
  • lavender purple
    #977BB6
  • rich lilac
    #B566D3
  • purple mountain majesty
    #9678B6
  • amethyst indigo
    #9274CD
  • medium orchid
    #BA56D4
  • medium slate blue
    #7C68EE
  • lavender indigo
    #9357EB
  • soft indigo
    #8166A9
  • deep lilac
    #9955BC
  • french lilac
    #86608F
  • french mauve
    #86608E
  • slate blue
    #6B5ACD
  • deep periwinkle
    #7D6CC1
  • royal purple
    #7852A9
  • grape
    #7851A9
  • majorelle blue
    #6150DC
  • dark orchid
    #9932CC
  • dark lavender
    #734F95
  • iris
    #5A4FCF
  • twilight lavender
    #8A496B
  • blue violet
    #8A2BE1
  • muted indigo
    #5B4E9C
  • dusky indigo
    #68489E
  • dark amethyst
    #614E8A
  • iris purple
    #5D3FD3
  • vivid violet
    #A000FF
  • deep blue violet
    #473C8B
  • deep indigo
    #4F3A76
  • byzantium
    #702963
  • dark violet
    #9400D4
  • midnight indigo
    #3A1B6F
  • electric indigo
    #6F00FF
  • persian indigo
    #32117A
  • indigo
    #4B0082

Índigo: Códigos HEX y RGB

índigo tiene los siguientes códigos de color principales:

  • HEX: #4B0082

  • RGB: (75, 0, 130).

Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!

Explora los tonos más claros de índigo

  • Pigment Indigo

    #4a0080

  • Windsor

    #580e90

  • Seance

    #661e99

  • Royal Purple

    #7832a9

  • Studio

    #8447b3

  • Amethyst

    #9961c2

  • Lilac Bush

    #a97acd

  • Light Wisteria

    #c09adb

  • Prelude

    #d2b7e6

  • French Lilac

    #e7d8f3

Explora los tonos más oscuros de índigo

  • Black Russian

    #0f001a

  • Black Russian

    #180029

  • Tolopea

    #1e0033

  • Tolopea

    #260042

  • Ripe Plum

    #2d004d

  • Ripe Plum

    #36005c

  • Ripe Plum

    #3b0066

  • Pigment Indigo

    #440075

índigo en HEX, RGB, HSL y CMYK

HEX#4B0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
CMYKcmyk(42%, 100%, 0%, 49%)

Tonos claros y oscuros de índigo

Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.

Más claros

  • #6e00bc

  • #9100f8

  • #ab36ff

  • #c472ff

  • #ddaeff

  • #f6ebff

Más oscuros

  • #40006e

  • #36005c

  • #2b004a

  • #210038

  • #160026

  • #0c0014

Colores que combinan con índigo

Complementario

#4B0082 #358000

El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.

Análogos

#0b0080 #4B0082 #800075

Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.

Tríada

#4B0082 #804a00 #00804a

Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.

Texto sobre índigo

Ejemplo de texto primario
Texto blanco sobre índigo12.95:1AAA
Ejemplo de texto primario
Texto casi negro sobre índigo1.37:1Fallido

Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste

Carta de tonos de índigo

Carta con cinco tonos de índigo, del más claro al más oscuro

Haz clic derecho para guardar la carta, o copia los códigos de arriba.

Paletas de colores con tonos similares