Prata transmite um tom calmo e sofisticado, associado à modernidade e tecnologia. É um tom médio claro de cinza que serve como um fundo neutro e versátil, proporcionando a sensação de prata do mundo real sem o brilho metálico. Frequentemente sugere uma elegância discreta e tecnologia de ponta.

Prata é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #C4C4C4
- Valor RGB: 76,9% vermelho, 76,9% verde e 76,9% azul
A escolha de cores no design de UX e UI deve considerar critérios de acessibilidade, que são fundamentais. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Aqui estão algumas maneiras de integrar prata de forma cuidadosa nos designs:
- Use como fundo. Como fundo, esse cinza claro pode ajudar outras cores a se destacarem enquanto mantém um visual profissional e discreto—ideal para aplicativos de negócios ou educacionais onde o foco deve estar no conteúdo, não nos elementos de design.
- Crie contrastes sutis. Combine com cinzas mais escuros ou outras cores para criar contrastes suaves, melhorando a legibilidade sem a rigidez que vem com esquemas de cores de alto contraste.
- Aplique como um destaque. Use prata como uma cor de destaque em paletas com cores mais brilhantes ou saturadas. Pode ser um elemento de equilíbrio que complementa sem sobrecarregar.
- Melhore a hierarquia visual. Combine diferentes tons de cinza para criar um efeito em camadas que dá profundidade à UI, ajudando os usuários a navegar na interface de forma mais intuitiva.
Dica: Ao projetar para um público global, pesquise o simbolismo da cor em diferentes culturas—o vermelho não significa o mesmo em todos os lugares.
Para variações dentro do mesmo espectro neutro e reflexivo que a prata, considere:
- Cinza alumínio (#A9ACB6) oferece um brilho metálico semelhante, mas com um tom ligeiramente mais claro, sendo um parente próximo da prata.
- Cinza chumbo (#353E43) é mais escuro e oferece uma aparência metálica mais discreta, ainda mantendo a essência prateada.
- Azul aço claro (#B0C4DE) é mais pálido, com um toque de azul, conferindo uma sensação fria e metálica semelhante à prata.
- Cinza frio (#8A92A6) permanece na mesma família de cores, misturando tons de azul que se alinham de perto com a neutralidade da prata.
Para complementar os tons elegantes e modernos da prata, considere combiná-la com:
- Azul marinho (#000080) aprofunda o contraste com seu tom escuro e rico, realçando o brilho da prata.
- Vermelho cereja (#DE3163) oferece um contraste vibrante que é ao mesmo tempo marcante e elegante ao lado da prata.
- Verde esmeralda (#006742) oferece um contraste exuberante e vibrante que anima a frieza da prata.
- Roxo real (#7851A9) combina de forma régia com a prata para criar uma paleta luxuosa e sofisticada.
- Branco suave (#F8F4FF) cria um visual sutil e limpo que complementa a frieza da prata.
Cores adicionais que valem a pena considerar incluem preto para um visual clássico e atemporal, bordô profundo para um contraste rico, e turquesa pálido para uma mistura refrescante e contemporânea.
Embora a prata seja altamente adaptável, ela pode entrar em conflito com:
- Laranja brilhante (#FFA500) tende a sobrecarregar a prata, criando uma combinação que pode parecer excessivamente ousada e desconcertante.
- Verde oliva (#636B2F) contrasta de forma muito acentuada com a prata, muitas vezes levando a uma aparência descoordenada.
- Rosa neon (#FF16B4) é muito vibrante e pode ofuscar a elegância sutil da prata.
- Amarelo pastel (#FDFD96) pode diluir o impacto da prata, resultando em um visual desbotado.
- Marrom profundo (#654321) pode parecer muito terroso e opaco quando combinado com o brilho da prata, levando a uma falta de harmonia.
Prata está associada à sofisticação, modernidade e elegância. Frequentemente simboliza riqueza, alta qualidade e alta tecnologia, refletindo atributos de inovação e apelo futurista. Prata também pode transmitir uma sensação de frieza ou força industrial se expressa com efeitos metálicos.
Na psicologia das cores, a natureza reflexiva da prata pode inspirar uma sensação de espaço e abertura. Prata também pode evocar sensações de calma e equilíbrio, semelhante ao seu equivalente elementar, o cinza, mas com uma presença mais viva e energizante devido ao seu brilho metálico.
Prata é ligada à lua em várias culturas, imbuindo-a de mistério, calma e reflexão. Acredita-se que tenha propriedades purificadoras e de limpeza. No entanto, também se conecta com metal e tecnologia, podendo evocar uma sensação de frieza ou impessoalidade se usada em excesso.
No design de UI, prata é tendência em softwares relacionados a finanças, indústrias automotivas e aplicativos de produtos premium, onde suas conotações de qualidade e precisão são benéficas.
A história da cor prata está conectada ao próprio material—prata, um metal precioso. Prata tem sido usada por milênios como moeda e nas artes decorativas devido ao seu acabamento lustroso e relativa raridade.
Na Idade Média, prata era frequentemente usada em manuscritos iluminados e arte religiosa para representar divindade e pureza, usando sua qualidade reflexiva para captar a luz e atrair o olhar.
Com a era industrial e os avanços nas ciências dos materiais, novos pigmentos sintéticos e acabamentos metálicos replicaram o visual da prata a um custo menor e com maior versatilidade. No século 20, prata tornou-se associada à indústria automotiva, aeroespacial e, mais tarde, à eletrônica e tecnologia, simbolizando velocidade, eficiência e as linhas limpas e elegantes do design moderno.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Pico da Montanha
Musgo da Floresta
Raposa Prateada
Verificador de contraste
Contraste 1,74
- Texto grande
#C4C4C4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 12,04
- Texto grande
#C4C4C4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #c4c4c4, conhecida como Prata, tem valores RGB de R:196, G:196, B:196 e valores CMYK de C:0, M:0, Y:0, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #c4c4c4 | #c4c4c4 |
| RGB DECIMAL | 196, 196, 196 | RGB(196,196,196) |
| RGB PERCENTAGE | 76.9, 76.9, 76.9 | RGB(76.9%,76.9%,76.9%) |
| CMYK | 0, 0, 0, 23 | |
| HSL | HSL(0.0, 0.0%, 76.9%) | HSL(0.0, 0.0%, 76.9%) |
| HSV (OR HSB) | 0.0°, 0.0, 76.9 | |
| WEB SAFE | #204204204 | #204204204 |
| BINARY | 11000100, 11000100, 11000100 | |
| iOS - SwiftUI | Color(red: 0.769, green: 0.769, blue: 0.769) | |
| iOS - UIKit | UIColor(red: 0.769, green: 0.769, blue: 0.769, alpha: 1) | |
| Android - Compose | Color(0xFFC4C4C4) |


