Código del color verde amarillo (#adff2f)

Verde Amarillo es #adff2f en hex y rgb(173, 255, 47), un verde medio. Abajo encontrarás cada formato de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Verde Amarillo
#adff2f
Nombre CSSgreenyellow
Hex#adff2f
RGBrgb(173, 255, 47)
HSLhsl(84 100% 59%)
HWBhwb(84 18% 0%)
CMYK32%, 0%, 82%, 0%

Tintes y sombras

Armonías de color

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ónRatio de contrasteWCAG
Texto Verde Amarillo sobre blanco1.23 : 1no cumple
Texto Verde Amarillo sobre negro17.12 : 1AAA

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).

Preguntas frecuentes

¿Cuál es el código hex del verde amarillo?
#adff2f, que equivale a rgb(173, 255, 47) y hsl(84, 100%, 59%). En CSS también puedes escribir simplemente greenyellow.
¿Se lee bien el texto verde amarillo sobre blanco?
Su ratio de contraste sobre blanco es 1.23 : 1, por lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el verde amarillo?
Su color complementario es #822eff; los colores análogos #ffea2e y #43ff2e están junto a él en el círculo cromático.