Cor Verde-esmeralda: código #50C878

Verde-esmeralda

#50C878

Códigos da cor

  • HEX#50C878
  • RGBrgb(80, 200, 120)
  • HSLhsl(140, 52%, 55%)
  • HSVhsv(140, 60%, 78%)
  • CMYKcmyk(60%, 0%, 40%, 22%)
  • LABlab(72.5% -51.3 30.3)
  • OKLCHoklch(74.5% 0.158 151.5)

Sobre a cor Verde-esmeralda

Verde-esmeralda tem o código HEX #50C878, que corresponde a rgb(80, 200, 120) no modelo RGB. No círculo cromático, seu matiz fica em 140°, com 52% de saturação e 55% de luminosidade (hsl(140, 52%, 55%)).

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,87:1 sobre ela, contra 2,12:1 do branco.

Para impressão, a conversão aproximada é cmyk(60%, 0%, 40%, 22%). 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-esmeralda

Complementar

#50C878 · #C851A0

Análoga

#64C851 · #50C878 · #51C8B4

Tríade

#50C878 · #7851C8 · #C87851

Tetrádica

#50C878 · #5164C8 · #C851A0 · #C8B451

Complementar dividida

#50C878 · #B451C8 · #C85164

Monocromática

#25743F · #37AE5F · #50C878 · #8BDAA5 · #C5EDD2

Verde-esmeralda com texto branco e preto

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

Testar outras combinações no verificador de contraste

O que o verde-esmeralda comunica

O verde-esmeralda (#50C878) herda o nome da pedra preciosa e, com ele, boa parte das associações: valor, raridade, vitalidade. É um verde luminoso, com um toque de azul, mais sofisticado que o verde puro e menos ácido que o verde-limão. Em boa parte do Ocidente ele remete a natureza, renovação e dinheiro; na Irlanda, é quase um símbolo nacional; em várias tradições islâmicas, o verde tem conotação religiosa e positiva. Esses sentidos não são universais e mudam com o contexto: o mesmo tom que parece “joia” num convite de casamento pode soar “ecológico” numa embalagem de produto de limpeza.

Onde ele funciona bem

Combinações que dão certo

Para montar a paleta completa, teste as harmonias no gerador de paletas ou reveja a lógica no guia de harmonia de cores.

Dica prática: texto, botões e modo escuro

O contraste de #50C878 com branco fica em torno de 2,1:1, bem abaixo dos 4,5:1 que a WCAG pede para texto normal. Se o botão precisa de texto branco, escureça o verde até algo próximo de #1E7A45; se prefere manter o tom original, use texto preto ou cinza bem escuro. No modo escuro, o esmeralda original já se destaca sobre fundos quase pretos, então dá para usá-lo sem ajustes em ícones e links. Confira sempre no verificador de contraste antes de publicar.

Como usar em CSS

:root {
  --color-emerald-green: #50C878;
  --color-emerald-green-rgb: 80, 200, 120;
}

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

Cores parecidas

Use Verde-esmeralda nas ferramentas