Código da Cor Verde Mar (#2e8b57)

Verde Mar é #2e8b57 em hex e rgb(46, 139, 87) — um verde escuro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Verde Mar
#2e8b57
Nome CSSseagreen
Hex#2e8b57
RGBrgb(46, 139, 87)
HSLhsl(146 50% 36%)
HWBhwb(146 18% 45%)
CMYK67%, 0%, 37%, 45%

Tons e sombras

Harmonias de cores

Sobre o Verde Mar

Verde Mar (seagreen) é um verde escuro e moderadamente saturado, com o código hex #2e8b57, ou rgb(46, 139, 87). No HSL, ele fica no matiz de 146°, com 50% de saturação e 36% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: seagreen; no lugar do valor hex.

Usando Verde Mar em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Verde Mar no branco4.25 : 1AA apenas para texto grande
Texto Verde Mar no preto4.95 : 1AA

Em um fundo verde mar, use texto em preto (4.95 : 1). O WCAG exige no mínimo 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: seagreen;               /* or #2e8b57 */
  background-color: #2e8b57;
  border: 1px solid rgb(46 139 87 / 50%);
}

Cores nomeadas semelhantes

Verde Mar Médio (#3cb371), Verde Floresta (#228b22), Cinza Ardósia Escuro (#2f4f4f), Verde-azulado (#008080), Verde Oliva Escuro (#556b2f), Ciano Escuro (#008b8b).

Perguntas frequentes

Qual é o código hex do verde mar?
#2e8b57 — que equivale a rgb(46, 139, 87) e hsl(146, 50%, 36%). No CSS você também pode escrever simplesmente seagreen.
O texto em verde mar é legível no branco?
A razão de contraste no branco é 4.25 : 1, que passa apenas para textos grandes (WCAG AA texto grande).
Quais cores combinam com o verde mar?
A cor complementar é #8a2e62; as cores análogas #348a2e e #2e8a84 ficam ao lado dela no círculo cromático.