Cor verde-oliva

Imita a cor da azeitona verde. É um verde fosco com fundo amarelo e marrom. É básico em roupas militares, jaquetas e decoração em tons terrosos.

Também conhecida como: oliva, verde-azeitona.

Verde-oliva · #808000

Sobre a cor verde-oliva

O verde-oliva (#808000) é uma cor quente, escura e muito saturada. Faz parte da família dos verdes. É formada por 128 de vermelho, 128 de verde e 0 de azul (de 0 a 255). É usada principalmente em moda, decoração, uniformes.

Tons de verde-oliva: claros e escuros

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

Cores que combinam com verde-oliva

MostardaOs dois têm base amarela e juntos criam um clima de outono.TerracotaO vermelho terroso contrasta com o verde sem brigar.BegeSuaviza o oliva e deixa tudo com cara natural e limpa.Off-whiteTraz luz sem a frieza do branco puro.CarameloReforça o estilo safári e casual.Azul-marinhoUm contraste escuro e elegante entre um tom frio e um quente.Rosa antigoUm rosa fechado que equilibra o lado terroso do oliva.Marrom-caféDá profundidade natural, ótimo em couro e madeira.

Como usar verde-oliva em roupas e decoração →

Harmonias da cor verde-oliva

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

ComplementarPróximo de: Azul-marinho

AnálogasPróximo de: Chocolate, Verde

TríadePróximo de: Verde-azulado, Púrpura

Complementar divididaPróximo de: Ultravioleta, Índigo

TétradePróximo de: Verde-jade, Azul-marinho, Borgonha

Paletas com a cor verde-oliva

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

Paleta monocromática · Verde-oliva

Paleta análoga · Verde-oliva

Paleta complementar · Verde-oliva

Paleta tríade · Verde-oliva

Paleta com neutros · Verde-oliva

Paleta com destaque · Verde-oliva

Contraste de verde-oliva com texto

Texto brancoContraste 4.2:1 · AA texto grande

Texto pretoContraste 5.0:1 · AA

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

Código CSS

:root {
  --verde-oliva: #808000;
  --verde-oliva-rgb: 128, 128, 0;
}
.fundo { background-color: var(--verde-oliva); }
.texto { color: var(--verde-oliva); }

Cores parecidas com verde-oliva

Ouro velho Verde-musgo Caramelo Verde-maçã Verde-militar Mostarda Verde-pistache Mel Cobre Camel

Perguntas frequentes

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

O código HEX da cor verde-oliva é #808000. Em RGB é rgb(128, 128, 0), em HSL é hsl(60, 100%, 25%) e em CMYK é 0, 0, 100, 50.

Qual é a cor complementar de verde-oliva?

A complementar no círculo cromático é #000080, 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-oliva?

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

Quais cores combinam com verde-oliva?

Combina bem com mostarda, terracota, bege, off-white, caramelo. Evite verde-neon ou verde-limão ao lado: eles competem e deixam o oliva com cara de sujo. Também não exagere no preto, que apaga o conjunto.