Color Chartreuse: código #7FFF00

Chartreuse

#7FFF00

Códigos del color

  • HEX#7FFF00
  • RGBrgb(127, 255, 0)
  • HSLhsl(90, 100%, 50%)
  • HSVhsv(90, 100%, 100%)
  • CMYKcmyk(50%, 0%, 100%, 0%)
  • LABlab(89.9% -68.1 85.8)
  • OKLCHoklch(89% 0.265 136)

Sobre el color Chartreuse

Chartreuse tiene el código HEX #7FFF00, que corresponde a rgb(127, 255, 0) en el modelo RGB. En el círculo cromático, su tono está en 90°, con 100% de saturación y 50% de luminosidad (hsl(90, 100%, 50%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 16,20:1 sobre él, frente a 1,29:1 del blanco.

Para impresión, la conversión aproximada es cmyk(50%, 0%, 100%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Chartreuse

Complementaria

#7FFF00 · #8000FF

Análoga

#FFFF00 · #7FFF00 · #00FF00

Tríada

#7FFF00 · #0080FF · #FF0080

Tetrádica

#7FFF00 · #00FFFF · #8000FF · #FF0000

Complementaria dividida

#7FFF00 · #0000FF · #FF00FF

Monocromática

#408000 · #66CC00 · #7FFF00 · #A6FF4D · #CCFF99

Chartreuse con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,29:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
16,20:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-chartreuse: #7FFF00;
  --color-chartreuse-rgb: 127, 255, 0;
}

.elemento {
  background-color: var(--color-chartreuse);
  color: #000000;
}