Cor Cinza-gelo: código #DCDCDC

Cinza-gelo

#DCDCDC

Códigos da cor

  • HEX#DCDCDC
  • RGBrgb(220, 220, 220)
  • HSLhsl(0, 0%, 86%)
  • HSVhsv(0, 0%, 86%)
  • CMYKcmyk(0%, 0%, 0%, 14%)
  • LABlab(87.8% 0 0)
  • OKLCHoklch(89.5% 0 0)

Sobre a cor Cinza-gelo

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

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 15,31:1 sobre ela, contra 1,37:1 do branco.

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

Complementar

#DCDCDC · #DBDBDB

Análoga

#DBDBDB · #DCDCDC · #DBDBDB

Tríade

#DCDCDC · #DBDBDB · #DBDBDB

Tetrádica

#DCDCDC · #DBDBDB · #DBDBDB · #DBDBDB

Complementar dividida

#DCDCDC · #DBDBDB · #DBDBDB

Monocromática

#9C9C9C · #C2C2C2 · #DCDCDC · #FFFFFF · #FFFFFF

Cinza-gelo com texto branco e preto

Texto branco Aa Bb Cc 123
1,37:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
15,31:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-ice-gray: #DCDCDC;
  --color-ice-gray-rgb: 220, 220, 220;
}

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

Cores parecidas

Use Cinza-gelo nas ferramentas