Paleta de Cores

Cor índigo

Vem de um corante vegetal da Índia, chamado anil em português. É um azul arroxeado muito escuro. É o corante original do jeans e uma das sete cores do arco-íris segundo Newton.

Também conhecida como: anil, azul-índigo.

Índigo · #4B0082

Sobre a cor índigo

O índigo (#4B0082) é uma cor fria, escura e muito saturada. Faz parte da família dos roxos e violetas. É formada por 75 de vermelho, 0 de verde e 130 de azul (de 0 a 255). É usada principalmente em moda, arte, têxtil.

Tons de índigo: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor índigo

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Verde
AnálogasPróximo de: Azul-marinho, Púrpura
TríadePróximo de: Chocolate, Verde-jade
Complementar divididaPróximo de: Verde-oliva, Verde
TétradePróximo de: Grená, Verde, Verde-azulado

Paletas com a cor índigo

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Índigo
Paleta análoga · Índigo
Paleta complementar · Índigo
Paleta tríade · Índigo
Paleta com neutros · Índigo
Paleta com destaque · Índigo

Contraste de índigo com texto

Texto brancoContraste 13.0:1 · AAA
Texto pretoContraste 1.6:1 · Não recomendado

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --indigo: #4B0082;
  --indigo-rgb: 75, 0, 130;
}
.fundo { background-color: var(--indigo); }
.texto { color: var(--indigo); }

Cores parecidas com índigo

Roxo-uvaAzul-marinhoAzul-ultramarAzul-escuroRoxoPúrpuraAzul KleinAzul-meia-noiteAzul-cobaltoAmetista

Mais roxos e violetas

VioletaRoxoPúrpuraLilásLavandaMalvaAmeixaAmetistaBerinjelaOrquídeaRoxo-uvaGlicíniaLilás pastelUltravioleta

Perguntas frequentes

Qual é o código da cor índigo?

O código HEX da cor índigo é #4B0082. Em RGB é rgb(75, 0, 130), em HSL é hsl(275, 100%, 25%) e em CMYK é 42, 100, 0, 49.

Qual é a cor complementar de índigo?

A complementar no círculo cromático é #378200, um tom próximo de verde. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor índigo?

Sim. O contraste com o branco é 13.0:1, suficiente para texto comum (WCAG AA).