Paleta de Cores

Cor verde-abacate

Um verde-amarelado profundo, como a casca de um abacate maduro. Nos anos 70 dominou cozinhas e eletrodomésticos, e hoje volta com tudo na decoração retrô e na moda com pegada setentista.

Abrir no editor

O código HEX da cor verde-abacate é #568203. Em RGB é rgb(86, 130, 3), em HSL é hsl(81, 95%, 26%) e em CMYK é 34, 0, 98, 49.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com verde-abacate

Verde-floresta#228B22Verde#008000Verde-oliva#808000Verde-escuro#006400Verde-maçã#8DB600Verde-oliva-escuro#556B2F

Sobre a cor verde-abacate

O verde-abacate (#568203) é uma cor intermediária, escura e muito saturada. Faz parte da família dos verdes. É formada por 86 de vermelho, 130 de verde e 3 de azul (de 0 a 255). É usada principalmente em decoração, moda, vintage.

Amostra da cor Verde-abacate com seus tons do claro ao escuro · #568203
Verde-abacate · #568203

Tons de verde-abacate: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor verde-abacate

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

ComplementarPróximo de: Azul-marinho
AnálogasPróximo de: Verde-oliva, Verde
TríadePróximo de: Azul-oceano, Púrpura de Tiro
Complementar divididaPróximo de: Azul-marinho, Púrpura
TétradePróximo de: Verde-pinho, Azul-marinho, Borgonha

Paletas com a cor verde-abacate

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

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

Contraste de verde-abacate com texto

Texto brancoContraste 4.6:1 · AA
Texto pretoContraste 4.6:1 · AA

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

Código CSS

:root {
  --verde-abacate: #568203;
  --verde-abacate-rgb: 86, 130, 3;
}
.fundo { background-color: var(--verde-abacate); }
.texto { color: var(--verde-abacate); }

Cores parecidas com verde-abacate

Verde-samambaiaVerde-musgoVerde-pistacheLatão

Mais verdes

VerdeVerde-esmeraldaVerde-limaVerde-olivaVerde-mentaVerde-musgoVerde-florestaVerde-jadeVerde-pinhoVerde-maçãVerde-sálviaVerde-garrafaVerde-militarVerde neonVerde-pistacheVerde-gramaChartreuseVerde pastelVerde-escuroVerde-claroVerde-bandeiraVerde-celadonVerde-samambaiaVerde-caçador
Amostra da cor Verde-abacate com seus tons do claro ao escuro · #568203
Amostra da cor Verde-abacate com seus tons do claro ao escuro · #568203

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCores dos 16 tipos de personalidadeResponda a um quiz de 8 perguntas e descubra sua corCor da sorte de hojeSua cor da sorte do dia de acordo com o signo
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor verde-abacate é #568203. Em RGB é rgb(86, 130, 3), em HSL é hsl(81, 95%, 26%) e em CMYK é 34, 0, 98, 49.

Qual é a cor complementar de verde-abacate?

A complementar no círculo cromático é #2F0382, um tom próximo de azul-marinho. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

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

Sim. O contraste com o branco é 4.6:1, suficiente para texto comum (WCAG AA).