Cor verde-grama

Verde brilhante como grama recém-regada. No CSS se chama lawngreen. É uma cor vibrante que aparece em ilustrações de campo, quadras e jogos infantis.

Também conhecida como: verde-relva (Portugal).

Verde-grama · #7CFC00

Sobre a cor verde-grama

O verde-grama (#7CFC00) é uma cor intermediária, de luminosidade média e muito saturada. Faz parte da família dos verdes. É formada por 124 de vermelho, 252 de verde e 0 de azul (de 0 a 255). É usada principalmente em esportes, web, infantil.

Tons de verde-grama: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor verde-grama

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Violeta

AnálogasPróximo de: Amarelo, Verde neon

TríadePróximo de: Azul-elétrico, Rosa mexicano

Complementar divididaPróximo de: Azul, Magenta

TétradePróximo de: Ciano, Violeta, Vermelho

Paletas com a cor verde-grama

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Verde-grama

Paleta análoga · Verde-grama

Paleta complementar · Verde-grama

Paleta tríade · Verde-grama

Paleta com neutros · Verde-grama

Paleta com destaque · Verde-grama

Contraste de verde-grama com texto

Texto brancoContraste 1.3:1 · Não recomendado

Texto pretoContraste 15.8:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --verde-grama: #7CFC00;
  --verde-grama-rgb: 124, 252, 0;
}
.fundo { background-color: var(--verde-grama); }
.texto { color: var(--verde-grama); }

Cores parecidas com verde-grama

Chartreuse Verde neon Verde-lima Amarelo fluorescente Verde-maçã Amarelo Verde pastel Verde-menta Amarelo-limão Verde-claro

Paletas temáticas com esta cor

Perguntas frequentes

Qual é o código da cor verde-grama?

O código HEX da cor verde-grama é #7CFC00. Em RGB é rgb(124, 252, 0), em HSL é hsl(90, 100%, 49%) e em CMYK é 51, 0, 100, 1.

Qual é a cor complementar de verde-grama?

A complementar no círculo cromático é #8000FC, um tom próximo de violeta. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor verde-grama?

Melhor usar texto preto: o contraste com o branco é só 1.3:1, enquanto com o preto é 15.8:1.