35 Tons diferentes de Índigo (+ códigos HEX)

Explore todos os tons de índigo, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores índigo. Clique em qualquer tom para copiar o código.

O índigo é a cor da profundidade, do mistério e da criatividade! De matizes densos e noturnos a tons aveludados, explore nossa coleção com mais de 30 tons de índigo que dão ousadia e sofisticação a qualquer projeto.

Se você prefere um tom escuro e dramático ou um mais dessaturado, vai encontrar vários tons com seus nomes e códigos de cor, além de paletas de índigo lindas para os seus trabalhos!

  • 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 e RGB

índigo tem os seguintes códigos de cor principais:

  • HEX: #4B0082

  • RGB: (75, 0, 130).

Explore uma ampla gama de tons de índigo no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!

Explore os tons mais 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

Explore os tons mais escuros 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 em HEX, RGB, HSL e CMYK

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

Tons claros e escuros de índigo

Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.

Mais claros

  • #6e00bc

  • #9100f8

  • #ab36ff

  • #c472ff

  • #ddaeff

  • #f6ebff

Mais escuros

  • #40006e

  • #36005c

  • #2b004a

  • #210038

  • #160026

  • #0c0014

Cores que combinam com índigo

Complementar

#4B0082 #358000

O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.

Análogas

#0b0080 #4B0082 #800075

Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.

Tríade

#4B0082 #804a00 #00804a

Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.

Texto sobre índigo

Exemplo de texto primário
Texto branco sobre índigo12.95:1AAA
Exemplo de texto primário
Texto quase preto sobre índigo1.37:1Reprovado

Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste

Tabela de tons de índigo

Tabela com cinco tons de índigo, do mais claro ao mais escuro

Clique com o botão direito para salvar a tabela, ou copie os códigos acima.

Paletas de cores com um tom parecido