Paleta de Cores

Cor verde-esmeralda

Leva o nome da pedra preciosa, da qual a Colômbia é grande produtora. É um verde vivo e brilhante com um toque azulado. Foi a cor do ano Pantone em 2013 e é comum em vestidos de festa e veludo.

Também conhecida como: esmeralda.

Verde-esmeralda · #50C878

Sobre a cor verde-esmeralda

O verde-esmeralda (#50C878) é uma cor intermediária, de luminosidade média e de saturação média. Faz parte da família dos verdes. É formada por 80 de vermelho, 200 de verde e 120 de azul (de 0 a 255). É usada principalmente em joias, moda, decoração.

Tons de verde-esmeralda: claros e escuros

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

Cores que combinam com verde-esmeralda

DouradoA combinação mais luxuosa e elegante.PretoUm contraste dramático para a noite.BrancoDeixa o verde fresco e limpo.Rosa antigoContraste suave entre complementares.Azul-marinhoDois tons frios muito elegantes.VinhoTons de joia que se valorizam.Cinza-claroAcalma o verde sem tirar o protagonismo.BegeUma base neutra e quente.
Como usar verde-esmeralda em roupas e decoração →

Harmonias da cor verde-esmeralda

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

ComplementarPróximo de: Rosa neon
AnálogasPróximo de: Verde pastel, Azul Tiffany
TríadePróximo de: Roxo-uva, Cobre
Complementar divididaPróximo de: Orquídea, Vermelho-indiano
TétradePróximo de: Azul-jeans, Rosa neon, Ouro velho

Paletas com a cor verde-esmeralda

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

Paleta monocromática · Verde-esmeralda
Paleta análoga · Verde-esmeralda
Paleta complementar · Verde-esmeralda
Paleta tríade · Verde-esmeralda
Paleta com neutros · Verde-esmeralda
Paleta com destaque · Verde-esmeralda

Contraste de verde-esmeralda com texto

Texto brancoContraste 2.1:1 · Não recomendado
Texto pretoContraste 9.9:1 · AAA

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

Código CSS

:root {
  --verde-esmeralda: #50C878;
  --verde-esmeralda-rgb: 80, 200, 120;
}
.fundo { background-color: var(--verde-esmeralda); }
.texto { color: var(--verde-esmeralda); }

Cores parecidas com verde-esmeralda

Verde pastelVerde-jadeVerde-claroVerde-pistacheVerde-mentaVerde-florestaÁgua-marinhaVerdeTurquesaVerde-musgo

Paletas temáticas com esta cor

Paletas de cores de verão

Mais verdes

VerdeVerde-limaVerde-olivaVerde-mentaVerde-musgoVerde-florestaVerde-jadeVerde-pinhoVerde-maçãVerde-sálviaVerde-garrafaVerde-militarVerde neonVerde-pistacheVerde-gramaChartreuseVerde pastelVerde-escuroVerde-claroVerde-bandeira

Perguntas frequentes

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

O código HEX da cor verde-esmeralda é #50C878. Em RGB é rgb(80, 200, 120), em HSL é hsl(140, 52%, 55%) e em CMYK é 60, 0, 40, 22.

Qual é a cor complementar de verde-esmeralda?

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

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

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

Quais cores combinam com verde-esmeralda?

Combina bem com dourado, preto, branco, rosa antigo, azul-marinho. Evite juntar com verdes amarelados como o limão ou com vermelho puro, porque fica com cara de Natal ou carregado. Também não misture com muitas cores vivas ao mesmo tempo.