Ir al selector de color

Color Violeta eléctrico: #8b00ff

Violeta eléctrico es #8b00ff, rgb(139, 0, 255) en RGB y oklch(54.294% 0.2939 297.502) en OKLCH. Abajo tienes los demás formatos, tonos, colores que combinan y paletas.

Interpretado como HEX

273°
100 %

54,3 %
0,294
298°
  • Violeta
  • Medio
  • Intenso
  • Frío
  • violet-600
  • Negro 0 %

Dentro de sRGB: se ve igual en cualquier pantalla.

Texto blanco
5.93:1Legible · AA
Lc -82
Texto negro
3.54:1Difícil de leer
Lc 27

Tonos

Del más claro al más oscuro. Haz clic en un tono para usarlo.

Armonías

Recientes

Aquí aparecen los colores que eliges o copias. Se quedan en este dispositivo.

También llamado: Electric violet

Paletas con Violeta eléctrico

Colores con nombre parecidos

Preguntas sobre Violeta eléctrico

¿Cuál es el código HEX de Violeta eléctrico?

El código HEX de Violeta eléctrico es #8b00ff. En RGB es rgb(139, 0, 255), en HSL hsl(272.71, 100%, 50%) y en OKLCH oklch(54.294% 0.2939 297.502).

¿Qué colores combinan con Violeta eléctrico?

Su color complementario es #6a7900. Para un resultado más tranquilo, combínalo con los colores análogos #2f4dff y #b900bd. En esta página tienes paletas listas con Violeta eléctrico.

¿Violeta eléctrico es un color cálido o frío?

Violeta eléctrico es un color frío con un matiz OKLCH de 298 grados.

¿Qué color de texto se lee bien sobre Violeta eléctrico?

Sobre Violeta eléctrico se lee mejor el texto blanco: el blanco da una relación de contraste de 5.93:1 y el negro de 3.54:1. WCAG AA pide al menos 4,5:1 para el texto normal.

Sobre #8b00ff

#8b00ff es un intenso tono de violeta. En OKLCH tiene una luminosidad de 54,3 %, un croma de 0.294 y un matiz de 298°.

Dentro de sRGB: se ve igual en cualquier pantalla.

El texto blanco sobre este color alcanza un contraste de 5.93:1 y el negro 3.54:1, así que se lee mejor el texto blanco.

El color con nombre más cercano es Violeta eléctrico (#8b00ff). En Tailwind CSS el más cercano es violet-600.

Más tonos de violeta: medio

Más claro: #8b00ff mezclado con blanco

  1. 8b00ff

Más oscuro: #8b00ff mezclado con negro

  1. 8b00ff

Más sobrio: #8b00ff con menos saturación

  1. 8b00ff

Colores con nombre parecidos

Colores que combinan con #8b00ff

Complementaria
#8b00ff
Análoga
#8b00ff
Triádica
#8b00ff
Dividida
#8b00ff