Acerca de Rebecca Purple
Rebecca Purple (rebeccapurple) es un morado medio y moderadamente saturado con el código hex #663399, o rgb(102, 51, 153). En HSL tiene un matiz de 270°, 50% de saturación y 40% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: rebeccapurple; en lugar del valor hex.
Uso de Rebecca Purple en texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Rebecca Purple sobre blanco | 8.41 : 1 | AAA |
| Texto Rebecca Purple sobre negro | 2.50 : 1 | no cumple |
Sobre un fondo rebecca purple, usa texto en blanco (8.41 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Contrast Checker.
CSS
.element {
color: rebeccapurple; /* or #663399 */
background-color: #663399;
border: 1px solid rgb(102 51 153 / 50%);
}
Colores con nombre similares
Azul pizarra oscuro (#483d8b), Índigo (#4b0082), Morado (#800080), Magenta oscuro (#8b008b), Azul pizarra (#6a5acd), Orquídea oscura (#9932cc).
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.