devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Código da Cor Dim Gray (#696969)

Dim Gray é #696969 em hex e rgb(105, 105, 105), um cinza médio. Abaixo você encontra todos os formatos da cor, tons e sombras, harmonias e o quanto ela é legível como texto.

Atualizado em

Dim Gray
#696969
Nome CSSdimgray (também dimgrey)
Hex#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMYK0%, 0%, 0%, 59%

Tons e sombras

#e1e1e1#c3c3c3#a5a5a5#878787base
#696969#545454#3f3f3f#2a2a2a#151515

Sobre o Dim Gray

Dim Gray (dimgray) é um cinza médio e discreto, com código hex #696969, ou rgb(105, 105, 105). No HSL, ele tem matiz de 0°, saturação de 0% e luminosidade de 41%. O CSS também aceita a grafia dimgrey para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: dimgray; no lugar do valor hexadecimal.

Usando o Dim Gray em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Dim Gray sobre branco5.49 : 1AA
Texto Dim Gray sobre preto3.83 : 1AA apenas para texto grande

Em um fundo dim gray, use texto branco (5.49 : 1). O WCAG exige no mínimo 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: dimgray;               /* or #696969 */
  background-color: #696969;
  border: 1px solid rgb(105 105 105 / 50%);
}

Cores nomeadas semelhantes

Cinza (#808080), Cinza Ardósia (#708090), Cinza Ardósia Claro (#778899), Verde Oliva Escuro (#556b2f), Azul Ardósia Escuro (#483d8b), Cinza Ardósia Escuro (#2f4f4f).

Perguntas frequentes

Qual é o código hex do dim gray?
#696969, que equivale a rgb(105, 105, 105) e hsl(0, 0%, 41%). No CSS você também pode escrever simplesmente dimgray.
O texto dim gray é legível sobre branco?
Sim. A razão de contraste sobre o branco é 5.49 : 1, o que atende ao WCAG AA para texto normal.
Quais cores combinam com o dim gray?
O Dim Gray é uma cor neutra, então combina com quase qualquer cor. Use-o em fundos, bordas e textos ao redor de um destaque mais forte.