Paleta de colores

Color violeta

Es el último color visible del arcoíris, justo antes del ultravioleta. Toma el nombre de la flor del mismo nombre. Se asocia a la creatividad y la espiritualidad, y también a la lucha feminista.

Violeta · #8F00FF

Datos del color violeta

El violeta (#8F00FF) es un color frío, de luminosidad media y muy saturado. Pertenece a la familia de los violetas. Se mezcla con 143 de rojo, 0 de verde y 255 de azul (sobre 255). Se usa sobre todo en branding, moda, arte.

Tonos del violeta: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el violeta

AmarilloSu complementario: contraste vibrante.GrisCalma el violeta y lo hace elegante.BlancoContraste limpio y fresco.Verde mentaUna mezcla fresca y original.RosaUn degradado moderno y dulce.PlataBrillo frío y elegante.Azul marinoProfundidad y misterio.NegroUn look dramático.
Cómo combinar el violeta en ropa y decoración →

Armonías del color violeta

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Chartreuse
AnálogosCercano a: Azul, Magenta
TríadaCercano a: Mandarina, Verde menta
Complementario divididoCercano a: Amarillo, Verde neón
TétradaCercano a: Rojo, Chartreuse, Cian

Paletas con el color violeta

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Violeta
Paleta Análoga · Violeta
Paleta Complementaria · Violeta
Paleta Tríada · Violeta
Paleta Con neutros · Violeta
Paleta Con acento · Violeta

Contraste del violeta con texto

Texto blancoContraste 5.8:1 · AA
Texto negroContraste 3.6:1 · AA texto grande

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --violeta: #8F00FF;
  --violeta-rgb: 143, 0, 255;
}
.fondo { background-color: var(--violeta); }
.texto { color: var(--violeta); }

Colores parecidos al violeta

AzulMagentaMoradoAzul oscuroUvaAzul ultramarAzul marinoÍndigoAzul KleinAzul eléctrico

Paletas temáticas con este color

Paletas de colores neón

Otros violetas

MoradoPúrpuraLilaLavandaMalvaCiruelaAmatistaBerenjenaOrquídeaÍndigoUvaGlicinaLila pastelUltravioleta

Preguntas frecuentes

¿Cuál es el código del color violeta?

El código HEX del color violeta es #8F00FF. En RGB es rgb(143, 0, 255), en HSL es hsl(274, 100%, 50%) y en CMYK es 44, 100, 0, 0.

¿Qué color es el complementario del violeta?

Su complementario en el círculo cromático es #70FF00, un tono cercano al chartreuse. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color violeta?

Sí. El contraste con blanco es 5.8:1, suficiente para texto normal (WCAG AA).

¿Con qué colores combina el violeta?

Combina bien con amarillo, gris, blanco, verde menta, rosa. Evita juntarlo con rojo o naranja intensos, porque el conjunto se vuelve pesado. Con morados parecidos sin contraste se ve confuso.