Código da Cor Cinza Claro (#d3d3d3)

Cinza Claro é #d3d3d3 em hex e rgb(211, 211, 211), um cinza bem clarinho. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Cinza Claro
#d3d3d3
Nome CSSlightgray (também lightgrey)
Hex#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HWBhwb(0 83% 17%)
CMYK0%, 0%, 0%, 17%

Tons e sombras

Sobre o Cinza Claro

Cinza Claro (lightgray) é um cinza muito claro e suave, com o código hex #d3d3d3, ou rgb(211, 211, 211). No HSL ele tem matiz de 0°, saturação de 0% e luminosidade de 83%. O CSS também aceita a grafia lightgrey para exatamente a mesma cor. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightgray; no lugar do valor hex.

Usando o Cinza Claro em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Cinza Claro sobre branco1.50 : 1reprova
Texto Cinza Claro sobre preto14.03 : 1AAA

Em fundo cinza claro, use texto em preto (14.03 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

Cores com nomes parecidos

Gainsboro (#dcdcdc), Cardo (#d8bfd8), Prata (#c0c0c0), Azul Aço Claro (#b0c4de), Azul Pó (#b0e0e6), Azul Claro (#add8e6).

Perguntas frequentes

Qual é o código hex do cinza claro?
#d3d3d3 — que equivale a rgb(211, 211, 211) e hsl(0, 0%, 83%). No CSS você também pode simplesmente escrever lightgray.
O texto em cinza claro é legível sobre branco?
A razão de contraste sobre branco é 1.50 : 1, o que reprova no WCAG — use para decoração ou sobre fundo escuro.
Quais cores combinam com o cinza claro?
O Cinza Claro é neutro, então combina com quase qualquer cor; use em fundos, bordas e textos ao redor de um destaque mais forte.