devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Código da Cor Verde Mar Claro (#20b2aa)

Verde Mar Claro é #20b2aa em hex e rgb(32, 178, 170) — um ciano médio. Abaixo: todos os formatos de cor, tons claros e escuros, harmonias e o quão legível ela é como texto.

Atualizado em

Verde Mar Claro
#20b2aa
Nome CSSlightseagreen
Hex#20b2aa
RGBrgb(32, 178, 170)
HSLhsl(177 70% 41%)
HWBhwb(177 13% 30%)
CMYK82%, 0%, 4%, 30%

Tons claros e escuros

#d2f0ee#a6e0dd#79d1cc#4dc1bbbase
#20b2aa#1a8e88#136b66#0d4744#062422

Harmonias de cores

Complementar
#b21f27Análoga
#1fb261Análoga
#1f70b2Triádica
#aa1fb2Triádica
#b2aa1f

Sobre a cor Verde Mar Claro

Verde Mar Claro (lightseagreen) é um ciano médio e vibrante, com o código hex #20b2aa, ou rgb(32, 178, 170). No HSL, ela fica com matiz de 177°, saturação de 70% e luminosidade de 41%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightseagreen; no lugar do valor hex.

Usando o Verde Mar Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto verde mar claro no branco2.62 : 1reprova
Texto verde mar claro no preto8.01 : 1AAA

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

CSS

.element {
  color: lightseagreen;               /* or #20b2aa */
  background-color: #20b2aa;
  border: 1px solid rgb(32 178 170 / 50%);
}

Cores nomeadas semelhantes

Turquesa Escuro (#00ced1), Ciano Escuro (#008b8b), Turquesa Médio (#48d1cc), Azul Aço (#4682b4), Verde Mar Médio (#3cb371), Azul Cadete (#5f9ea0).

Perguntas frequentes

Qual é o código hex da cor verde mar claro?
#20b2aa — que equivale a rgb(32, 178, 170) e hsl(177, 70%, 41%). No CSS você também pode escrever simplesmente lightseagreen.
O texto verde mar claro é legível no branco?
A razão de contraste no branco é 2.62 : 1, o que reprova no WCAG — use a cor para decoração ou em fundos escuros.
Quais cores combinam com o verde mar claro?
A cor complementar é #b21f27; as cores análogas #1fb261 e #1f70b2 ficam ao lado dela no círculo cromático.