É o ponto médio entre o branco e o preto. É neutro e equilibrado, e deixa as outras cores se destacarem. É usado em textos secundários, roupas básicas e decoração moderna.
Também conhecida como: cinzento (Portugal).
O cinza (#808080) é uma cor neutra, de luminosidade média e quase sem saturação. Faz parte da família dos cinzas. É formada por 128 de vermelho, 128 de verde e 128 de azul (de 0 a 255). É usada principalmente em web, decoração, moda, branding.
Do mais claro ao mais escuro. Toque em um tom para copiar o código.
Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.
Copie os códigos ou abra a paleta no editor para ajustá-la.
Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.
:root {
--cinza: #808080;
--cinza-rgb: 128, 128, 128;
}
.fundo { background-color: var(--cinza); }
.texto { color: var(--cinza); }O código HEX da cor cinza é #808080. Em RGB é rgb(128, 128, 128), em HSL é hsl(0, 0%, 50%) e em CMYK é 0, 0, 0, 50.
A complementar no círculo cromático é #808080, um tom próximo de cinza. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.
Melhor usar texto preto: o contraste com o branco é só 3.9:1, enquanto com o preto é 5.3:1.
Combina bem com branco, preto, amarelo, rosa antigo, azul-marinho. Evite juntar cinzas de temperaturas diferentes, como um azulado com um esverdeado, porque parecem descombinados. Cinza com bege muito amarelado também pode parecer sujo.