Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Chartreuse

Chartreuse es un verde de luminosidad media y intenso con el código hexadecimal #7FFF00. En RGB es rgb(127, 255, 0), en HSL hsl(90, 100%, 50%) y en CMYK cmyk(50%, 0%, 100%, 0%).

Chartreuse
#7FFF00

Valores del color

En CSS puedes escribirlo con la palabra clave chartreuse.

El texto blanco sobre Chartreuse tiene una relación de contraste de 1.30:1 y el texto negro de 16.21:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Lime 400 (#A3E635).

Usar Chartreuse en CSS

.element {
  color: chartreuse;
  background-color: #7fff00;
  border-color: rgb(127, 255, 0);
}

Tonos claros y oscuros de Chartreuse

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Chartreuse

Armonías de la rueda de color creadas a partir de #7FFF00. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Chartreuse

Aa
Texto blanco
1.30:1
No cumple
Aa
Texto negro
16.21:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Chartreuse

Paletas con colores parecidos

Preguntas sobre Chartreuse

¿Cuál es el código hexadecimal de Chartreuse?

El código hexadecimal de Chartreuse es #7FFF00. Su valor RGB es rgb(127, 255, 0) y su valor HSL es hsl(90, 100%, 50%).

¿Qué colores combinan con Chartreuse?

El color complementario de Chartreuse es #7F00FF. Para un esquema más suave prueba los colores análogos #FFFF00 y #00FF00; para un esquema equilibrado de tres colores usa los triádicos #007FFF y #FF0080.

¿Chartreuse es legible como color de texto?

Sobre un fondo blanco, Chartreuse tiene una relación de contraste de 1.30:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 16.21:1.

Más colores de la familia verdes