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.
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.
Escolha uma cor para combinar e veja como fica em roupas, decoração e design.
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.

Do mais claro ao mais escuro. Toque em um tom para copiar o código.
Veja todos os tons: Gerador de escala de cores
Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.
Copie os códigos ou abra a paleta no editor para ajustá-la.
Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.
:root {
--verde-mar: #2E8B57;
--verde-mar-rgb: 46, 139, 87;
}
.fundo { background-color: var(--verde-mar); }
.texto { color: var(--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.
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.
Melhor usar texto preto: o contraste com o branco é só 4.2:1, enquanto com o preto é 4.9:1.
Usamos cookies do Google Analytics para entender como o site é usado. Você aceita? Saiba mais