Cor Verde: código #008000

Verde

#008000

Códigos da cor

  • HEX#008000
  • RGBrgb(0, 128, 0)
  • HSLhsl(120, 100%, 25%)
  • HSVhsv(120, 100%, 50%)
  • CMYKcmyk(100%, 0%, 100%, 50%)
  • LABlab(46.2% -51.7 49.9)
  • OKLCHoklch(52% 0.177 142.5)

Sobre a cor Verde

Verde tem o código HEX #008000, que corresponde a rgb(0, 128, 0) no modelo RGB. No círculo cromático, seu matiz fica em 120°, com 100% de saturação e 25% de luminosidade (hsl(120, 100%, 25%)).

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 claro: o branco atinge contraste de 5,13:1 sobre ela, contra 4,08:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 0%, 100%, 50%). 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

Complementar

#008000 · #800080

Análoga

#408000 · #008000 · #008040

Tríade

#008000 · #000080 · #800000

Tetrádica

#008000 · #004080 · #800080 · #804000

Complementar dividida

#008000 · #400080 · #800040

Monocromática

#000000 · #004D00 · #008000 · #00CC00 · #1AFF1A

Verde com texto branco e preto

Texto branco Aa Bb Cc 123
5,13:1 · AA
Texto preto Aa Bb Cc 123
4,08:1 · só texto grande

Testar outras combinações no verificador de contraste

Um detalhe que confunde muita gente: no CSS, a palavra-chave green corresponde a #008000, um verde médio e fechado, e não ao verde “puro” da tela. O verde com o canal G no máximo, #00FF00, se chama lime. Se você copiou green esperando um verde vivo, é por isso que ele pareceu escuro.

Significado e percepção

O verde é associado a natureza, crescimento, saúde e equilíbrio; em interfaces, a sucesso e a “pode seguir”. No Brasil, tem peso extra: é a cor principal da bandeira e aparece em qualquer material de Copa do Mundo, lado a lado com o amarelo. Também é a cor da esperança no imaginário popular. Em outros contextos, pode remeter a dinheiro (nos Estados Unidos, pelas cédulas), ao Islã ou, em sentido negativo, a inveja e doença. Como sempre, o significado vem do contexto, não da cor isolada.

Onde o verde funciona

  1. Sustentabilidade e alimentação: embalagens de produtos naturais, hortifrútis e marcas de energia limpa. Aqui, verdes mais amarelados ou acinzentados, como o verde-oliva, soam menos genéricos do que o #008000.
  2. Interfaces: mensagens de sucesso, saldo positivo e botões de confirmação. O #008000 é uma boa base porque tem contraste suficiente com fundo branco.
  3. Decoração: em paredes, verdes médios combinam com madeira e plantas; o verde-escuro traz um ar de biblioteca clássica.
  4. Moda: o verde puro aparece como cor de destaque; para o dia a dia, o verde militar faz papel de neutro.

Como combinar

Dica: verde, texto e daltonismo

Texto branco sobre #008000 alcança 5,1:1 de contraste e passa no nível AA da WCAG para texto normal; texto preto fica em 4,1:1 e só serve para textos grandes. O cuidado maior é outro: verde e vermelho são o par mais difícil para quem tem deuteranopia ou protanopia, justamente os tipos mais comuns de daltonismo. Não use só a cor para diferenciar “aprovado” de “reprovado”: acrescente ícone ou rótulo e teste o resultado no simulador de daltonismo.

Como usar em CSS

:root {
  --color-green: #008000;
  --color-green-rgb: 0, 128, 0;
}

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

Cores parecidas

Use Verde nas ferramentas