Paleta de Cores

Cor cinza-escuro

Cinza profundo, mais quente e suave que o preto. É ideal para textos longos na tela. Também aparece em ternos, sofás e cozinhas modernas.

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

Cinza-escuro · #555555

Sobre a cor cinza-escuro

O cinza-escuro (#555555) é uma cor neutra, de luminosidade média e quase sem saturação. Faz parte da família dos cinzas. É formada por 85 de vermelho, 85 de verde e 85 de azul (de 0 a 255). É usada principalmente em web, moda, decoração.

Tons de cinza-escuro: claros e escuros

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

Harmonias da cor cinza-escuro

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-escuro

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

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

Contraste de cinza-escuro com texto

Texto brancoContraste 7.5:1 · AAA
Texto pretoContraste 2.8:1 · Não recomendado

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

Código CSS

:root {
  --cinza-escuro: #555555;
  --cinza-escuro-rgb: 85, 85, 85;
}
.fundo { background-color: var(--cinza-escuro); }
.texto { color: var(--cinza-escuro); }

Cores parecidas com cinza-escuro

GrafiteCinza-chumboCinza OxfordCinza-carvãoÔnixTaupeAzevicheCinza-açoAntraciteCinza

Paletas temáticas com esta cor

Paletas de cores para formaturaPaletas de cores para logoPaletas de cores para sitePaletas de cores para InstagramPaletas de cores para apresentaçõesPaletas de cores para currículo

Mais cinzas

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

Perguntas frequentes

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

O código HEX da cor cinza-escuro é #555555. Em RGB é rgb(85, 85, 85), em HSL é hsl(0, 0%, 33%) e em CMYK é 0, 0, 0, 67.

Qual é a cor complementar de cinza-escuro?

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

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

Sim. O contraste com o branco é 7.5:1, suficiente para texto comum (WCAG AA).