Paleta de Cores

Cor cinza-claro

Cinza luminoso que no CSS se chama lightgray. É suave e discreto. Serve para bordas, fundos e paredes de estilo escandinavo.

Também conhecida como: cinzento-claro (Portugal).

Cinza-claro · #D3D3D3

Sobre a cor cinza-claro

O cinza-claro (#D3D3D3) é uma cor neutra, clara e quase sem saturação. Faz parte da família dos cinzas. É formada por 211 de vermelho, 211 de verde e 211 de azul (de 0 a 255). É usada principalmente em web, decoração.

Tons de cinza-claro: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor cinza-claro

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

Complementar
Análogas
Tríade
Complementar dividida
Tétrade

Paletas com a cor cinza-claro

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Cinza-claro
Paleta análoga · Cinza-claro
Paleta complementar · Cinza-claro
Paleta tríade · Cinza-claro
Paleta com neutros · Cinza-claro
Paleta com destaque · Cinza-claro

Contraste de cinza-claro com texto

Texto brancoContraste 1.5:1 · Não recomendado
Texto pretoContraste 14.0:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --cinza-claro: #D3D3D3;
  --cinza-claro-rgb: 211, 211, 211;
}
.fundo { background-color: var(--cinza-claro); }
.texto { color: var(--cinza-claro); }

Cores parecidas com cinza-claro

Cinza-pérolaPlatinaPrataAlabastroBranco-ossoCinza-esverdeadoAzul pastelBranco-fumaçaLinhoCru

Paletas temáticas com esta cor

Paletas de cores para casamentoPaletas de cores para batizadoPaletas de cores para aniversárioPaletas de cores para chá de bebêPaletas de cores para festa de 15 anosPaletas de cores para formatura

Mais cinzas

CinzaCinza-escuroPrataCinza-carvãoCinza-ardósiaCinza-esverdeadoCinza-pérolaCinza OxfordGrafiteTaupeCinza-açoCinza-chumboCinza-fumaçaCinza-pedraPlatinaCinza-azuladoGreige

Perguntas frequentes

Qual é o código da cor cinza-claro?

O código HEX da cor cinza-claro é #D3D3D3. Em RGB é rgb(211, 211, 211), em HSL é hsl(0, 0%, 83%) e em CMYK é 0, 0, 0, 17.

Qual é a cor complementar de cinza-claro?

A complementar no círculo cromático é #D3D3D3, um tom próximo de cinza-claro. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor cinza-claro?

Melhor usar texto preto: o contraste com o branco é só 1.5:1, enquanto com o preto é 14.0:1.