Cor Índigo: código #4B0082

Índigo

#4B0082

Códigos da cor

  • HEX#4B0082
  • RGBrgb(75, 0, 130)
  • HSLhsl(275, 100%, 25%)
  • HSVhsv(275, 100%, 51%)
  • CMYKcmyk(42%, 100%, 0%, 49%)
  • LABlab(20.5% 51.7 -53.3)
  • OKLCHoklch(33.9% 0.179 301.7)

Sobre a cor Índigo

Índigo tem o código HEX #4B0082, que corresponde a rgb(75, 0, 130) no modelo RGB. No círculo cromático, seu matiz fica em 275°, com 100% de saturação e 25% de luminosidade (hsl(275, 100%, 25%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 12,95:1 sobre ela, contra 1,62:1 do preto.

Para impressão, a conversão aproximada é cmyk(42%, 100%, 0%, 49%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Índigo

Complementar

#4B0082 · #358000

Análoga

#0B0080 · #4B0082 · #800075

Tríade

#4B0082 · #804A00 · #00804A

Tetrádica

#4B0082 · #800B00 · #358000 · #007580

Complementar dividida

#4B0082 · #758000 · #00800B

Monocromática

#000000 · #2D004D · #4B0082 · #7700CC · #9F1AFF

Índigo com texto branco e preto

Texto branco Aa Bb Cc 123
12,95:1 · AAA
Texto preto Aa Bb Cc 123
1,62:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-indigo: #4B0082;
  --color-indigo-rgb: 75, 0, 130;
}

.elemento {
  background-color: var(--color-indigo);
  color: #FFFFFF;
}