Acerca de Violeta
Violeta (violet) es un magenta claro y vivo con el código hex #ee82ee, o rgb(238, 130, 238). En HSL tiene un tono de 300°, saturación de 76% y luminosidad de 72%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: violet; en lugar del valor hex.
Uso del violeta para texto y fondos
| Combinación | Relación de contraste | WCAG |
|---|---|---|
| Texto violeta sobre blanco | 2.32 : 1 | no cumple |
| Texto violeta sobre negro | 9.06 : 1 | AAA |
Sobre un fondo violeta, usa texto en negro (9.06 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: violet; /* or #ee82ee */
background-color: #ee82ee;
border: 1px solid rgb(238 130 238 / 50%);
}Colores con nombre similares
Orquídea (#da70d6), Ciruela (#dda0dd), Rosa fuerte (#ff69b4), Cardo (#d8bfd8), Rosa claro (#ffb6c1), Rosa (#ffc0cb).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.