Acerca del Verde Amarillo
Verde Amarillo (greenyellow) es un verde medio y vivo con el código hex #adff2f, o rgb(173, 255, 47). En HSL tiene un tono de 84°, una saturación del 100 % y una luminosidad del 59 %. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: greenyellow; en lugar del valor hex.
Uso del Verde Amarillo para texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Verde Amarillo sobre blanco | 1.23 : 1 | no cumple |
| Texto Verde Amarillo sobre negro | 17.12 : 1 | AAA |
Sobre un fondo verde amarillo, usa texto en negro (17.12 : 1). WCAG pide al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: greenyellow; /* or #adff2f */
background-color: #adff2f;
border: 1px solid rgb(173 255 47 / 50%);
}
Colores con nombre similares
Amarillo verdoso (#9acd32), Chartreuse (#7fff00), Verde césped (#7cfc00), Amarillo (#ffff00), Caqui oscuro (#bdb76b), Dorado (#daa520).
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.