Cor Cinza-claro: código #D3D3D3

Cinza-claro

#D3D3D3

Códigos da cor

  • HEX#D3D3D3
  • RGBrgb(211, 211, 211)
  • HSLhsl(0, 0%, 83%)
  • HSVhsv(0, 0%, 83%)
  • CMYKcmyk(0%, 0%, 0%, 17%)
  • LABlab(84.6% 0 0)
  • OKLCHoklch(86.7% 0 0)

Sobre a cor Cinza-claro

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

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 14,02:1 sobre ela, contra 1,49:1 do branco.

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

Complementar

#D3D3D3 · #D4D4D4

Análoga

#D4D4D4 · #D3D3D3 · #D4D4D4

Tríade

#D3D3D3 · #D4D4D4 · #D4D4D4

Tetrádica

#D3D3D3 · #D4D4D4 · #D4D4D4 · #D4D4D4

Complementar dividida

#D3D3D3 · #D4D4D4 · #D4D4D4

Monocromática

#949494 · #BABABA · #D3D3D3 · #FAFAFA · #FFFFFF

Cinza-claro com texto branco e preto

Texto branco Aa Bb Cc 123
1,49:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
14,02:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-light-gray: #D3D3D3;
  --color-light-gray-rgb: 211, 211, 211;
}

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

Cores parecidas

Use Cinza-claro nas ferramentas