Cor Cinza-chumbo: código #36454F

Cinza-chumbo

#36454F

Códigos da cor

  • HEX#36454F
  • RGBrgb(54, 69, 79)
  • HSLhsl(204, 19%, 26%)
  • HSVhsv(204, 32%, 31%)
  • CMYKcmyk(32%, 13%, 0%, 69%)
  • LABlab(28.4% -3.3 -8)
  • OKLCHoklch(38.1% 0.026 237.5)

Sobre a cor Cinza-chumbo

Cinza-chumbo tem o código HEX #36454F, que corresponde a rgb(54, 69, 79) no modelo RGB. No círculo cromático, seu matiz fica em 204°, com 19% de saturação e 26% de luminosidade (hsl(204, 19%, 26%)).

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 9,90:1 sobre ela, contra 2,12:1 do preto.

Para impressão, a conversão aproximada é cmyk(32%, 13%, 0%, 69%). 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-chumbo

Complementar

#36454F · #4F4036

Análoga

#364F4C · #36454F · #36384F

Tríade

#36454F · #4F3645 · #454F36

Tetrádica

#36454F · #4C364F · #4F4036 · #384F36

Complementar dividida

#36454F · #4F3638 · #4F4C36

Monocromática

#020303 · #212A31 · #36454F · #556D7C · #7993A4

Cinza-chumbo com texto branco e preto

Texto branco Aa Bb Cc 123
9,90:1 · AAA
Texto preto Aa Bb Cc 123
2,12:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Chumbo, grafite ou carvão?

O cinza-chumbo desta página, #36454F (rgb(54, 69, 79)), é um cinza escuro com fundo azulado: o azul é o canal mais alto, seguido do verde. Em inglês ele se chama charcoal, “carvão vegetal”; em português, o comércio usa “chumbo”, “grafite” e “cinza-escuro” quase como sinônimos, embora o grafite costume ser mais neutro. Não existe charcoal entre as cores nomeadas do CSS; o mais próximo é darkslategray (#2F4F4F), que puxa mais para o verde.

Por que muitos designers trocam o preto pelo chumbo

Em interfaces, texto em preto puro sobre branco chega a 21:1, o máximo possível. O cinza-chumbo sobre branco dá cerca de 9,9:1, bem acima dos 7:1 do nível AAA, mas com um contraste menos duro. É por isso que muitos sistemas de design usam cinzas azulados escuros para texto e ícones em vez de #000000. O leve tom frio também conversa melhor com azuis de marca do que um cinza neutro.

Fora da tela, o chumbo tem leitura de seriedade, discrição e modernidade na maioria dos contextos ocidentais: ternos, casacos, carros, fachadas e esquadrias. Em decoração, paredes cinza-chumbo criam ambientes aconchegantes e “fundo de galeria” para quadros e madeira clara; em ambientes pequenos e com pouca luz, porém, podem pesar.

Combinações

Por ser quase neutro, o chumbo aceita praticamente qualquer cor de destaque. Algumas que se saem especialmente bem:

  1. Mostarda (#FFDB58): calor e contraste, muito usado em decoração.
  2. Rosa bebê (#F4C2C2): suaviza sem perder a sofisticação.
  3. Verde-limão (#32CD32): energia esportiva.
  4. Terracota (#E2725B): urbano com toque artesanal.
  5. Off-white (#FAF9F6): o fundo claro ideal para texto chumbo.

Chumbo no modo escuro

No tema escuro, o cinza-chumbo muda de papel: deixa de ser cor de texto e vira superfície. Como fundo de cartões e barras laterais sobre uma base quase preta, ele cria camadas de profundidade, e o texto branco sobre #36454F mantém os mesmos 9,9:1. Só não use chumbo como texto sobre fundo escuro: sobre #121212 o contraste cai para menos de 2:1. Para essa função, clareie até algo como #8FA3B0. Confira no verificador de contraste e veja como estruturar temas no guia de paleta de cores para sites.

Como usar em CSS

:root {
  --color-charcoal-gray: #36454F;
  --color-charcoal-gray-rgb: 54, 69, 79;
}

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

Cores parecidas

Use Cinza-chumbo nas ferramentas