Cor Chartreuse: código #7FFF00

Chartreuse

#7FFF00

Códigos da cor

  • 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 a cor Chartreuse

Chartreuse tem o código HEX #7FFF00, que corresponde a rgb(127, 255, 0) no modelo RGB. No círculo cromático, seu matiz fica em 90°, com 100% de saturação e 50% de luminosidade (hsl(90, 100%, 50%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 16,20:1 sobre ela, contra 1,29:1 do branco.

Para impressão, a conversão aproximada é cmyk(50%, 0%, 100%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Chartreuse

Complementar

#7FFF00 · #8000FF

Análoga

#FFFF00 · #7FFF00 · #00FF00

Tríade

#7FFF00 · #0080FF · #FF0080

Tetrádica

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

Complementar dividida

#7FFF00 · #0000FF · #FF00FF

Monocromática

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

Chartreuse com texto branco e preto

Texto branco Aa Bb Cc 123
1,29:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
16,20:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

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

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