Paleta de Cores

Cor verde-mar

Um verde médio com um tom frio e azulado, como a água do mar sobre algas. É uma das cores com nome do HTML e do CSS, e combina com sites, decoração praiana e moda praia.

Também conhecida como: verde-marinho.

Abrir no editor

O código HEX da cor verde-mar é #2E8B57. Em RGB é rgb(46, 139, 87), em HSL é hsl(146, 50%, 36%) e em CMYK é 67, 0, 37, 45.

Veja na vida real

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

Cores parecidas com verde-mar

Verde-jade#00A86BVerde-samambaia#4F7942Verde-bandeira#006847Verde-garrafa#006A4EVerde-viridiano#40826DVerde-caçador#355E3B

Sobre a cor verde-mar

O verde-mar (#2E8B57) é uma cor intermediária, de luminosidade média e de saturação média. Faz parte da família dos verdes. É formada por 46 de vermelho, 139 de verde e 87 de azul (de 0 a 255). É usada principalmente em web, decoração, moda.

Amostra da cor Verde-mar com seus tons do claro ao escuro · #2E8B57
Verde-mar · #2E8B57

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

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

ComplementarPróximo de: Rosa-escuro
AnálogasPróximo de: Verde-floresta, Ciano-escuro
TríadePróximo de: Roxo-real, Marrom-avermelhado
Complementar divididaPróximo de: Púrpura, Conhaque
TétradePróximo de: Azul-meia-noite, Rosa-escuro, Verde-oliva

Paletas com a cor verde-mar

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

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

Contraste de verde-mar com texto

Texto brancoContraste 4.2:1 · AA texto grande
Texto pretoContraste 4.9:1 · AA

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

Código CSS

:root {
  --verde-mar: #2E8B57;
  --verde-mar-rgb: 46, 139, 87;
}
.fundo { background-color: var(--verde-mar); }
.texto { color: var(--verde-mar); }

Cores parecidas com verde-mar

Verde-pinhoVerde-oliva-escuroVerde-esmeraldaVerde-floresta

Paletas temáticas com esta cor

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-mar com seus tons do claro ao escuro · #2E8B57
Amostra da cor Verde-mar com seus tons do claro ao escuro · #2E8B57

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-mar?

O código HEX da cor verde-mar é #2E8B57. Em RGB é rgb(46, 139, 87), em HSL é hsl(146, 50%, 36%) e em CMYK é 67, 0, 37, 45.

Qual é a cor complementar de verde-mar?

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

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

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