Código del Color Verde Pálido (#98fb98)

Verde Pálido es #98fb98 en hex y rgb(152, 251, 152), un verde claro. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Verde Pálido
#98fb98
Nombre CSSpalegreen
Hex#98fb98
RGBrgb(152, 251, 152)
HSLhsl(120 93% 79%)
HWBhwb(120 60% 2%)
CMYK39%, 0%, 39%, 2%

Tonos y sombras

Armonías de color

Acerca de Verde Pálido

Verde Pálido (palegreen) es un verde claro y vívido con el código hex #98fb98, o rgb(152, 251, 152). En HSL tiene un tono de 120°, saturación de 93% y luminosidad de 79%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: palegreen; en lugar del valor hex.

Uso de Verde Pálido en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Verde Pálido sobre blanco1.27 : 1no cumple
Texto Verde Pálido sobre negro16.59 : 1AAA

Sobre un fondo verde pálido, usa texto en negro (16.59 : 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: palegreen;               /* or #98fb98 */
  background-color: #98fb98;
  border: 1px solid rgb(152 251 152 / 50%);
}

Colores con nombre similares

Verde Claro (#90ee90), Verde Mar Oscuro (#8fbc8f), Aguamarina (#7fffd4), Aguamarina Media (#66cdaa), Plata (#c0c0c0), Gris Oscuro (#a9a9a9).

Preguntas frecuentes

¿Cuál es el código hex del verde pálido?
#98fb98: es decir, rgb(152, 251, 152) y hsl(120, 93%, 79%). En CSS también puedes escribir simplemente palegreen.
¿Se lee bien el texto verde pálido sobre blanco?
Su ratio de contraste sobre blanco es 1.27 : 1, lo que no cumple WCAG; úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el verde pálido?
Su color complementario es #fb98fb; los colores análogos #c9fb98 y #98fbc9 están junto a él en el círculo cromático.