Código de color Chartreuse (#7fff00)

Chartreuse es #7fff00 en hex y rgb(127, 255, 0), un verde medio. A continuación encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Chartreuse
#7fff00
Nombre CSSchartreuse
Hex#7fff00
RGBrgb(127, 255, 0)
HSLhsl(90 100% 50%)
HWBhwb(90 0% 0%)
CMYK50%, 0%, 100%, 0%

Tonos y sombras

Armonías de color

Acerca del chartreuse

Chartreuse (chartreuse) es un verde medio y vibrante con el código hex #7fff00, o rgb(127, 255, 0). En HSL se sitúa en un tono de 90°, con 100% de saturación y 50% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: chartreuse; en lugar del valor hex.

Usar chartreuse en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto chartreuse sobre blanco1.30 : 1no cumple
Texto chartreuse sobre negro16.21 : 1AAA

Sobre un fondo chartreuse, usa texto en negro (16.21 : 1). WCAG exige al menos 4.5 : 1 para el texto de párrafo y 3 : 1 para el texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: chartreuse;               /* or #7fff00 */
  background-color: #7fff00;
  border: 1px solid rgb(127 255 0 / 50%);
}

Colores con nombre similares

Verde césped (#7cfc00), Verde amarillento (#adff2f), Verde amarillo (#9acd32), Verde lima (#32cd32), Verde oliva oscuro (#6b8e23), Lima (#00ff00).

Preguntas frecuentes

¿Cuál es el código hex del chartreuse?
#7fff00, que equivale a rgb(127, 255, 0) y hsl(90, 100%, 50%). En CSS también puedes escribir simplemente chartreuse.
¿Se lee bien el texto chartreuse sobre blanco?
Su relación de contraste sobre blanco es 1.30 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el chartreuse?
Su color complementario es #8000ff; los colores análogos #ffff00 y #00ff00 están junto a él en la rueda de color.