devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Código da Cor Verde Grama (#7cfc00)

Verde Grama é #7cfc00 em hex e rgb(124, 252, 0) — um verde médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Verde Grama
#7cfc00
Nome CSSlawngreen
Hex#7cfc00
RGBrgb(124, 252, 0)
HSLhsl(90 100% 49%)
HWBhwb(90 0% 1%)
CMYK51%, 0%, 100%, 1%

Tons e sombras

#e5fecc#cbfe99#b0fd66#96fd33base
#7cfc00#63ca00#4a9700#326500#193200

Harmonias de cores

Complementar
#7d00faAnáloga
#fafa00Análoga
#00fa00Triádica
#007dfaTriádica
#fa007d

Sobre a Verde Grama

Verde Grama (lawngreen) é um verde médio e vibrante, com o código hex #7cfc00, ou rgb(124, 252, 0). No HSL, ela tem matiz de 90°, saturação de 100% e luminosidade de 49%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lawngreen; em vez do valor hex.

Usando a Verde Grama em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Verde Grama no branco1.33 : 1reprovado
Texto Verde Grama no preto15.78 : 1AAA

Sobre um fundo verde grama, use texto em preto (15.78 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lawngreen;               /* or #7cfc00 */
  background-color: #7cfc00;
  border: 1px solid rgb(124 252 0 / 50%);
}

Cores nomeadas semelhantes

Chartreuse (#7fff00), Green Yellow (#adff2f), Yellow Green (#9acd32), Lime Green (#32cd32), Olive Drab (#6b8e23), Lime (#00ff00).

Perguntas frequentes

Qual é o código hex da verde grama?
#7cfc00 — que equivale a rgb(124, 252, 0) e hsl(90, 100%, 49%). No CSS você também pode escrever simplesmente lawngreen.
O texto em verde grama é legível no branco?
A razão de contraste no branco é 1.33 : 1, o que reprova no WCAG — use a cor para decoração ou sobre um fundo escuro.
Quais cores combinam com a verde grama?
A cor complementar é #7d00fa; as cores análogas #fafa00 e #00fa00 ficam ao lado dela no círculo cromático.