Cor Verde-limão: código #32CD32

Verde-limão

#32CD32

Códigos da cor

  • HEX#32CD32
  • RGBrgb(50, 205, 50)
  • HSLhsl(120, 61%, 50%)
  • HSVhsv(120, 76%, 80%)
  • CMYKcmyk(76%, 0%, 76%, 20%)
  • LABlab(72.6% -67.1 61.4)
  • OKLCHoklch(74.2% 0.229 142.8)

Sobre a cor Verde-limão

Verde-limão tem o código HEX #32CD32, que corresponde a rgb(50, 205, 50) no modelo RGB. No círculo cromático, seu matiz fica em 120°, com 61% de saturação e 50% de luminosidade (hsl(120, 61%, 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 9,91:1 sobre ela, contra 2,11:1 do branco.

Para impressão, a conversão aproximada é cmyk(76%, 0%, 76%, 20%). 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 Verde-limão

Complementar

#32CD32 · #CD32CD

Análoga

#80CD32 · #32CD32 · #32CD80

Tríade

#32CD32 · #3232CD · #CD3232

Tetrádica

#32CD32 · #3280CD · #CD32CD · #CD8032

Complementar dividida

#32CD32 · #8032CD · #CD3280

Monocromática

#196719 · #28A428 · #32CD32 · #6FDC6F · #ADEBAD

Verde-limão com texto branco e preto

Texto branco Aa Bb Cc 123
2,11:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
9,91:1 · AAA

Testar outras combinações no verificador de contraste

Verde-limão no CSS: limegreen não é lime

Um detalhe que confunde muita gente: no CSS existem duas cores nomeadas parecidas. limegreen é o verde-limão desta página, #32CD32, rgb(50, 205, 50). Já lime é #00FF00, o verde puro do monitor, com o canal verde no máximo e os outros zerados. Se você escrever color: lime; esperando um verde agradável, vai receber um verde fluorescente, quase agressivo. Na dúvida, use sempre o HEX em vez do nome da cor.

Energia, frescor e atenção

O verde-limão fica no limite entre o verde e o amarelo em percepção: é uma cor que o olho capta rápido, por isso aparece em sinalização esportiva, equipamentos de segurança e embalagens que precisam se destacar na gôndola. As associações mais comuns no Ocidente são frescor, juventude, energia e “natural”, mas em excesso o tom pode parecer artificial ou ácido. Como toda leitura de cor, depende da cultura, do setor e do que está em volta.

Onde aplicar

Paleta sugerida

Para equilibrar a intensidade, junte o verde-limão a cores mais pesadas ou neutras:

Dica: se precisa de texto verde legível sobre fundo branco, escureça o tom para algo como #1F7A1F (contraste acima de 5:1). No modo escuro o caminho é o inverso: o #32CD32 original já tem bom contraste sobre fundos escuros. Teste no verificador de contraste e gere variações no gerador de paletas.

Como usar em CSS

:root {
  --color-lime-green: #32CD32;
  --color-lime-green-rgb: 50, 205, 50;
}

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

Cores parecidas

Use Verde-limão nas ferramentas