Cor Grafite: código #474A51

Grafite

#474A51

Códigos da cor

  • HEX#474A51
  • RGBrgb(71, 74, 81)
  • HSLhsl(222, 7%, 30%)
  • HSVhsv(222, 12%, 32%)
  • CMYKcmyk(12%, 9%, 0%, 68%)
  • LABlab(31.4% 0.4 -4.6)
  • OKLCHoklch(40.9% 0.012 267.2)

Sobre a cor Grafite

Grafite tem o código HEX #474A51, que corresponde a rgb(71, 74, 81) no modelo RGB. No círculo cromático, seu matiz fica em 222°, com 7% de saturação e 30% de luminosidade (hsl(222, 7%, 30%)).

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 8,87:1 sobre ela, contra 2,36:1 do preto.

Para impressão, a conversão aproximada é cmyk(12%, 9%, 0%, 68%). 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 Grafite

Complementar

#474A51 · #524F47

Análoga

#475052 · #474A51 · #494752

Tríade

#474A51 · #52474A · #4A5247

Tetrádica

#474A51 · #524750 · #524F47 · #475249

Complementar dividida

#474A51 · #524947 · #505247

Monocromática

#0C0C0E · #2F3237 · #474A51 · #6B707B · #9296A0

Grafite com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-graphite: #474A51;
  --color-graphite-rgb: 71, 74, 81;
}

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

Cores parecidas

Use Grafite nas ferramentas