Color Violeta: código #8F00FF

Violeta

#8F00FF

Códigos del color

  • HEX#8F00FF
  • RGBrgb(143, 0, 255)
  • HSLhsl(274, 100%, 50%)
  • HSVhsv(274, 100%, 100%)
  • CMYKcmyk(44%, 100%, 0%, 0%)
  • LABlab(42.9% 84.4 -90)
  • OKLCHoklch(54.8% 0.294 298.8)

Sobre el color Violeta

Violeta tiene el código HEX #8F00FF, que corresponde a rgb(143, 0, 255) en el modelo RGB. En el círculo cromático, su tono está en 274°, con 100% de saturación y 50% de luminosidad (hsl(274, 100%, 50%)).

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 5,81:1 sobre él, frente a 3,61:1 del negro.

Para impresión, la conversión aproximada es cmyk(44%, 100%, 0%, 0%). 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 Violeta

Complementaria

#8F00FF · #6FFF00

Análoga

#1100FF · #8F00FF · #FF00EE

Tríada

#8F00FF · #FF9100 · #00FF91

Tetrádica

#8F00FF · #FF1100 · #6FFF00 · #00EEFF

Complementaria dividida

#8F00FF · #EEFF00 · #00FF11

Monocromática

#480080 · #7400CC · #8F00FF · #B24DFF · #D399FF

Violeta con texto blanco y negro

Texto blanco Aa Bb Cc 123
5,81:1 · AA
Texto negro Aa Bb Cc 123
3,61:1 · solo texto grande

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-violet: #8F00FF;
  --color-violet-rgb: 143, 0, 255;
}

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