Color Índigo: código #4B0082

Índigo

#4B0082

Códigos del color

  • 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 el color Índigo

Índigo tiene el código HEX #4B0082, que corresponde a rgb(75, 0, 130) en el modelo RGB. En el círculo cromático, su tono está en 275°, con 100% de saturación y 25% de luminosidad (hsl(275, 100%, 25%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 12,95:1 sobre él, frente a 1,62:1 del negro.

Para impresión, la conversión aproximada es cmyk(42%, 100%, 0%, 49%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Índigo

Complementaria

#4B0082 · #358000

Análoga

#0B0080 · #4B0082 · #800075

Tríada

#4B0082 · #804A00 · #00804A

Tetrádica

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

Complementaria dividida

#4B0082 · #758000 · #00800B

Monocromática

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

Índigo con texto blanco y negro

Texto blanco Aa Bb Cc 123
12,95:1 · AAA
Texto negro Aa Bb Cc 123
1,62:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

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

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