Cor Cinza: código #808080

Cinza

#808080

Códigos da cor

  • HEX#808080
  • RGBrgb(128, 128, 128)
  • HSLhsl(0, 0%, 50%)
  • HSVhsv(0, 0%, 50%)
  • CMYKcmyk(0%, 0%, 0%, 50%)
  • LABlab(53.6% 0 0)
  • OKLCHoklch(60% 0 0)

Sobre a cor Cinza

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

Com saturação muito baixa (ou luminosidade extrema), funciona como cor neutra, fácil de combinar com praticamente qualquer outra.

Como fundo, pede texto escuro: o preto atinge contraste de 5,31:1 sobre ela, contra 3,94:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 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 Cinza

Complementar

#808080 · #808080

Análoga

#808080 · #808080 · #808080

Tríade

#808080 · #808080 · #808080

Tetrádica

#808080 · #808080 · #808080 · #808080

Complementar dividida

#808080 · #808080 · #808080

Monocromática

#404040 · #666666 · #808080 · #A6A6A6 · #CCCCCC

Cinza com texto branco e preto

Texto branco Aa Bb Cc 123
3,94:1 · só texto grande
Texto preto Aa Bb Cc 123
5,31:1 · AA

Testar outras combinações no verificador de contraste

Como o cinza é percebido

O #808080 fica exatamente no meio do caminho entre o preto e o branco em valores RGB (128, 128, 128). Por não ter matiz, o cinza é lido como neutro, discreto e equilibrado, e também pode soar frio, sério ou corporativo, dependendo do que está ao redor. No Brasil, ele ganhou espaço na decoração com o cimento queimado e o concreto aparente, que deram ao cinza uma cara urbana e contemporânea. Na moda, é a base da alfaiataria e do moletom. Como sempre, esses sentidos são culturais: o mesmo cinza pode parecer elegante num terno e tristonho num dia nublado.

Cinza e acessibilidade: o erro mais comum

O cinza médio engana. Texto #808080 sobre branco tem contraste de cerca de 3,9:1: passa no critério de 3:1 da WCAG para texto grande, mas reprova no mínimo de 4,5:1 para texto normal. É o problema clássico de placeholders, legendas e textos “secundários” que ficam bonitos no mockup e ilegíveis no celular sob o sol. Sobre preto, o mesmo cinza chega a aproximadamente 5,3:1. Se precisa de um cinza para texto sobre fundo branco, escureça até algo perto de #767676, o tom mais claro que ainda alcança 4,5:1. Teste sempre no verificador de contraste e veja o guia de contraste e acessibilidade.

Cinza quente ou cinza frio?

Cinzas frios

Têm um leve toque de azul, como o cinza-chumbo (#36454F). Combinam com interfaces, tecnologia e ambientes minimalistas.

Cinzas quentes

Puxam para o bege ou o marrom e deixam a decoração mais acolhedora, especialmente com madeira e tecidos naturais. O #808080, por ser neutro, se adapta aos dois lados conforme as cores vizinhas.

Como combinar

O cinza é o fundo ideal para uma cor de destaque. Algumas duplas certeiras:

Como usar em CSS

:root {
  --color-gray: #808080;
  --color-gray-rgb: 128, 128, 128;
}

.elemento {
  background-color: var(--color-gray);
  color: #000000;
}

Cores parecidas

Use Cinza nas ferramentas