Cor Cinza-escuro: código #404040

Cinza-escuro

#404040

Códigos da cor

  • HEX#404040
  • RGBrgb(64, 64, 64)
  • HSLhsl(0, 0%, 25%)
  • HSVhsv(0, 0%, 25%)
  • CMYKcmyk(0%, 0%, 0%, 75%)
  • LABlab(27.1% 0 0)
  • OKLCHoklch(37.2% 0 0)

Sobre a cor Cinza-escuro

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

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

Como fundo, pede texto claro: o branco atinge contraste de 10,36:1 sobre ela, contra 2,02:1 do preto.

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

Complementar

#404040 · #404040

Análoga

#404040 · #404040 · #404040

Tríade

#404040 · #404040 · #404040

Tetrádica

#404040 · #404040 · #404040 · #404040

Complementar dividida

#404040 · #404040 · #404040

Monocromática

#000000 · #262626 · #404040 · #666666 · #8C8C8C

Cinza-escuro com texto branco e preto

Texto branco Aa Bb Cc 123
10,36:1 · AAA
Texto preto Aa Bb Cc 123
2,02:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-dark-gray: #404040;
  --color-dark-gray-rgb: 64, 64, 64;
}

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

Cores parecidas

Use Cinza-escuro nas ferramentas