Paleta de Cores

Cor verde-oliva-escuro

Um verde-oliva profundo e terroso, uma das cores com nome do HTML e do CSS. É mais suave que o verde-militar e fica ótimo em roupas de outono, decoração natural e sites com ar orgânico.

Também conhecida como: oliva-escuro.

Abrir no editor

O código HEX da cor verde-oliva-escuro é #556B2F. Em RGB é rgb(85, 107, 47), em HSL é hsl(82, 39%, 30%) e em CMYK é 21, 0, 56, 58.

Veja na vida real

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

Cores parecidas com verde-oliva-escuro

Verde-samambaia#4F7942Verde-militar#4B5320Verde-caçador#355E3BVerde-musgo#8A9A5BVerde-mar#2E8B57Verde-bandeira#006847

Sobre a cor verde-oliva-escuro

O verde-oliva-escuro (#556B2F) é uma cor intermediária, escura e de saturação média. Faz parte da família dos verdes. É formada por 85 de vermelho, 107 de verde e 47 de azul (de 0 a 255). É usada principalmente em moda, decoração, web.

Amostra da cor Verde-oliva-escuro com seus tons do claro ao escuro · #556B2F
Verde-oliva-escuro · #556B2F

Tons de verde-oliva-escuro: 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-oliva-escuro

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

ComplementarPróximo de: Ultravioleta
AnálogasPróximo de: Verde-militar, Verde-samambaia
TríadePróximo de: Azul-petróleo, Púrpura de Tiro
Complementar divididaPróximo de: Ultravioleta, Ameixa
TétradePróximo de: Verde-pinho, Ultravioleta, Vinho

Paletas com a cor verde-oliva-escuro

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

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

Contraste de verde-oliva-escuro com texto

Texto brancoContraste 5.9:1 · AA
Texto pretoContraste 3.5:1 · AA texto grande

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

Código CSS

:root {
  --verde-oliva-escuro: #556B2F;
  --verde-oliva-escuro-rgb: 85, 107, 47;
}
.fundo { background-color: var(--verde-oliva-escuro); }
.texto { color: var(--verde-oliva-escuro); }

Cores parecidas com verde-oliva-escuro

Úmbria naturalVerde-garrafaVerde-abacateVerde-escuro

Paletas temáticas com esta cor

Paletas de cores aestheticPaletas de cores de outonoPaletas de cores mediterrâneasPaletas de cores verde

Mais verdes

VerdeVerde-esmeraldaVerde-limaVerde-olivaVerde-mentaVerde-musgoVerde-florestaVerde-jadeVerde-pinhoVerde-maçãVerde-sálviaVerde-garrafaVerde-militarVerde neonVerde-pistacheVerde-gramaChartreuseVerde pastelVerde-escuroVerde-claroVerde-bandeiraVerde-abacateVerde-celadonVerde-samambaia
Amostra da cor Verde-oliva-escuro com seus tons do claro ao escuro · #556B2F
Amostra da cor Verde-oliva-escuro com seus tons do claro ao escuro · #556B2F

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCor da sorte de hojeSua cor da sorte do dia de acordo com o signoFormato de rostoDescubra seu formato de rosto, cortes e óculos ideais
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor verde-oliva-escuro é #556B2F. Em RGB é rgb(85, 107, 47), em HSL é hsl(82, 39%, 30%) e em CMYK é 21, 0, 56, 58.

Qual é a cor complementar de verde-oliva-escuro?

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

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

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