Cor Verde-azulado: código #008080

Verde-azulado

#008080

Códigos da cor

  • HEX#008080
  • RGBrgb(0, 128, 128)
  • HSLhsl(180, 100%, 25%)
  • HSVhsv(180, 100%, 50%)
  • CMYKcmyk(100%, 0%, 0%, 50%)
  • LABlab(48.3% -28.9 -8.5)
  • OKLCHoklch(54.3% 0.093 194.8)

Sobre a cor Verde-azulado

Verde-azulado tem o código HEX #008080, que corresponde a rgb(0, 128, 128) no modelo RGB. No círculo cromático, seu matiz fica em 180°, com 100% de saturação e 25% de luminosidade (hsl(180, 100%, 25%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 4,77:1 sobre ela, contra 4,39:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 0%, 0%, 50%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Verde-azulado

Complementar

#008080 · #800000

Análoga

#008040 · #008080 · #004080

Tríade

#008080 · #800080 · #808000

Tetrádica

#008080 · #400080 · #800000 · #408000

Complementar dividida

#008080 · #800040 · #804000

Monocromática

#000000 · #004D4D · #008080 · #00CCCC · #1AFFFF

Verde-azulado com texto branco e preto

Texto branco Aa Bb Cc 123
4,77:1 · AA
Texto preto Aa Bb Cc 123
4,39:1 · só texto grande

Testar outras combinações no verificador de contraste

Verde-azulado, teal ou azul-petróleo?

O #008080 é o “teal” do CSS: metade da intensidade no verde e no azul, nada de vermelho. Em português ele aparece como verde-azulado, mas no comércio brasileiro muita gente chama tons parecidos de azul-petróleo, e a confusão atrapalha na hora de pedir tinta, tecido ou um arquivo para a gráfica. A tabela ajuda a separar os três:

CorHEXComo se comporta
Verde-azulado#008080Equilíbrio exato entre verde e azul, luminosidade média.
Azul-petróleo#005F6AMais escuro e puxado para o azul, quase sóbrio.
Turquesa#40E0D0Mesma família, bem mais clara e luminosa.

Se você recebeu só a referência visual, descubra o código exato com o conta-gotas em imagem antes de fechar o pedido.

Onde funciona bem

Branding e interfaces

O verde-azulado passa seriedade sem a frieza do azul-marinho, por isso aparece em marcas de saúde, finanças pessoais e tecnologia. Em interface, rende bem como cor primária de botões e links, desde que você observe o contraste (veja abaixo).

Moda e decoração

Em roupa, é um tom que funciona o ano todo: um vestido ou blazer verde-azulado resolve tanto o verão quanto a meia-estação. Em casa, fica elegante em veludo, azulejo e paredes de destaque, principalmente ao lado de madeira e metais dourados.

Combinações que dão certo

Contraste e impressão

O #008080 fica no limite: texto branco sobre ele atinge cerca de 4,8:1 e texto preto cerca de 4,4:1. Ou seja, branco passa no mínimo WCAG AA de 4,5:1 para texto normal, preto não. Para rótulos pequenos, prefira o branco ou escureça o fundo alguns pontos.

Na conversão ingênua para CMYK, o teal vira algo como C100 M0 Y0 K50, mas o resultado impresso costuma sair mais opaco que na tela. Peça prova de cor e leia o guia RGB x CMYK antes de mandar para a gráfica.

Como usar em CSS

:root {
  --color-teal: #008080;
  --color-teal-rgb: 0, 128, 128;
}

.elemento {
  background-color: var(--color-teal);
  color: #FFFFFF;
}

Cores parecidas

Use Verde-azulado nas ferramentas