Paleta de Cores

Cor verde-azulado

Em inglês se chama teal, por causa de um pato (a marreca) e da mancha colorida em suas asas. É um azul esverdeado médio e sóbrio. É comum em marcas de tecnologia, saúde e interiores modernos.

Também conhecida como: teal, azul-esverdeado.

Verde-azulado · #008080

Sobre a cor verde-azulado

O verde-azulado (#008080) é uma cor fria, escura e muito saturada. Faz parte da família dos turquesas. É formada por 0 de vermelho, 128 de verde e 128 de azul (de 0 a 255). É usada principalmente em web, branding, decoração.

Tons de verde-azulado: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor verde-azulado

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

ComplementarPróximo de: Grená
AnálogasPróximo de: Verde-jade, Ultravioleta
TríadePróximo de: Púrpura, Verde-oliva
Complementar divididaPróximo de: Borgonha, Chocolate
TétradePróximo de: Índigo, Grená, Verde

Paletas com a cor verde-azulado

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

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

Contraste de verde-azulado com texto

Texto brancoContraste 4.8:1 · AA
Texto pretoContraste 4.4:1 · AA texto grande

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

Código CSS

:root {
  --verde-azulado: #008080;
  --verde-azulado-rgb: 0, 128, 128;
}
.fundo { background-color: var(--verde-azulado); }
.texto { color: var(--verde-azulado); }

Cores parecidas com verde-azulado

Verde-pinhoVerde-petróleoVerde-garrafaAzul TiffanyVerde-bandeiraCinza-ardósiaAzul-petróleoCinza-açoAzul-cerúleoCinza-chumbo

Paletas temáticas com esta cor

Mais turquesas

TurquesaÁgua-marinhaCianoVerde-águaAzul-petróleoVerde-petróleoTurquesa-escuroTurquesa pastelAzul Tiffany

Perguntas frequentes

Qual é o código da cor verde-azulado?

O código HEX da cor verde-azulado é #008080. Em RGB é rgb(0, 128, 128), em HSL é hsl(180, 100%, 25%) e em CMYK é 100, 0, 0, 50.

Qual é a cor complementar de verde-azulado?

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

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

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