Código del color verde amarillento (#9acd32)

Verde Amarillento es #9acd32 en hex y rgb(154, 205, 50): un verde medio. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Verde Amarillento
#9acd32
Nombre CSSyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Tonos y sombras

Armonías de color

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ónRatio de contrasteWCAG
Texto verde amarillento sobre blanco1.88 : 1no cumple
Texto verde amarillento sobre negro11.15 : 1AAA

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

Preguntas frecuentes

¿Cuál es el código hex del verde amarillento?
#9acd32: equivale a rgb(154, 205, 50) y hsl(80, 61%, 50%). En CSS también puedes escribir simplemente yellowgreen.
¿El texto verde amarillento es legible sobre blanco?
Su ratio de contraste sobre blanco es 1.88 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el verde amarillento?
Su color complementario es #6632cd; los colores análogos #cdb332 y #4ccd32 quedan junto a él en el círculo cromático.