Acerca del verde amarillento
Verde Amarillento (yellowgreen) es un verde medio y vivo con el código hex #9acd32, o rgb(154, 205, 50). En HSL tiene un matiz de 80°, una saturación de 61% y una luminosidad de 50%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: yellowgreen; en lugar del valor hex.
Uso del verde amarillento en texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto verde amarillento sobre blanco | 1.88 : 1 | no cumple |
| Texto verde amarillento sobre negro | 11.15 : 1 | AAA |
Sobre un fondo verde amarillento, usa texto negro (11.15 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.
CSS
.element {
color: yellowgreen; /* or #9acd32 */
background-color: #9acd32;
border: 1px solid rgb(154 205 50 / 50%);
}
Colores con nombre similares
Verde amarillo (#adff2f), Caqui oscuro (#bdb76b), Verde césped (#7cfc00), Chartreuse (#7fff00), Vara de oro (#daa520), Verde oliva oscuro (#6b8e23).
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.