Carvão é um tom escuro, neutro e versátil de cinza que se assemelha ao resíduo deixado pela queima de madeira ou carvão. Está localizado na extremidade mais escura do espectro de cinza na roda de cores, incorporando um tom profundo e suave. Carvão inclui variações que vão de quase preto a cinza esfumaçado mais claro.

Carvão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #4A4A4A
- Valor RGB: 29% vermelho, 29% verde e 29% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. 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 aproveitar as qualidades versáteis e suaves do carvão:
- Estabeleça um tom profissional. Use carvão em elementos de UI para aplicativos empresariais, sites corporativos e ferramentas profissionais para transmitir confiabilidade e autoridade.
- Use como fundo e base. Carvão é uma excelente cor de fundo porque é menos agressiva que o preto e pode reduzir a fadiga ocular. Oferece uma base forte e neutra que faz outras cores se destacarem, ideal para painéis e interfaces detalhadas.
- Considere usar para texto e tipografia. Carvão é uma ótima alternativa ao preto para texto, oferecendo um contraste mais suave com fundos claros que pode facilitar a leitura. É particularmente útil para grandes blocos de texto ou informações detalhadas.
- Crie profundidade e camadas. Misturar carvão com tons de cinza pode criar profundidade, ajudando a guiar o olhar do usuário pela interface de forma estruturada.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro profundo e suave que o carvão, considere:
- Gunmetal (#353E43) é ligeiramente mais escuro com um tom azulado, dando uma aparência mais fria, semelhante ao carvão.
- Onyx (#353839) tem um tom quase preto que compartilha as qualidades sérias e versáteis do carvão.
- Cinza ardósia escuro (#2F4F4F) oferece um toque de verde, proporcionando uma opção igualmente escura e suave.
- Outer Space (#414A4C) apresenta um azul mais escuro, mantendo as características escuras e neutras do carvão.
Para complementar os tons sofisticados do carvão, considere combiná-lo com:
- Creme (#FDFBD4) proporciona um contraste suave que ilumina a aparência austera do carvão.
- Vermelho cereja (#FF1A1A) se destaca contra o carvão, oferecendo um toque vibrante de cor.
- Azul céu (#87CEEB) adiciona um efeito sereno e calmante, complementando a natureza discreta do carvão.
- Ouro pálido (#E6BE8A) introduz um brilho sutil, realçando a profundidade do carvão.
- Verde menta (#ADEBB3) traz um toque fresco e vibrante que suaviza o ambiente quando combinado com carvão.
Outras cores que valem a pena considerar incluem azul marinho para um visual profissional, terracota para um contraste quente e lavanda suave para um toque de primavera.
Embora o carvão seja versátil, ele pode entrar em conflito com:
- Amarelo brilhante (#FFFF00) pode parecer excessivamente forte e pode sobrecarregar a natureza suave do carvão.
- Rosa choque (#FF69B4) tende a competir por atenção, potencialmente entrando em conflito com a elegância discreta do carvão.
- Azul elétrico (#00F0FF) pode ser muito vibrante, ofuscando as qualidades sutis do carvão.
- Verde neon (#2CFF05) cria um alto contraste que pode ser chocante contra o tom escuro do carvão.
- Laranja brilhante (#FFA500) compete fortemente com o carvão, potencialmente criando uma combinação visualmente desconfortável.
Como cor, o carvão simboliza força, estabilidade e sofisticação. No campo da psicologia das cores, o carvão é visto como uma cor forte, muitas vezes conservadora, sugerindo confiabilidade e modéstia.
No design de UI, os tons profundos e suaves de cinza do carvão oferecem uma sensação de base e neutralidade, tornando-o uma escolha popular em contextos onde a elegância discreta é o objetivo. É menos agressivo que o preto, proporcionando uma alternativa mais suave que ainda retém muito da gravidade e formalidade associadas a tons mais escuros.
O carvão recebe seu nome e qualidades da substância real usada para desenho e combustível. O carvão tem sido usado como material de desenho por milhares de anos devido à sua capacidade de produzir linhas ricas e profundas que podem ser facilmente esfumadas ou misturadas para efeito artístico. Seu uso remonta aos tempos pré-históricos, com peças de carvão encontradas em cavernas ao lado de desenhos de humanos primitivos.
Hoje, o carvão é prevalente tanto na moda quanto no design, sendo apreciado por sua capacidade de se misturar bem com uma ampla gama de cores e sua adequação para ambientes profissionais.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
O Básico
Carvão Gráfico
Cinza Frio
Verificador de contraste
Contraste 8,86
- Texto grande
#4A4A4A
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,37
- Texto grande
#4A4A4A
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #4a4a4a, conhecida como carvão, tem valores RGB de R:74, G:74, B:74 e valores CMYK de C:0, M:0, Y:0, K:71.
| VALUE | CSS | |
|---|---|---|
| HEX | #4a4a4a | #4a4a4a |
| RGB DECIMAL | 74, 74, 74 | RGB(74,74,74) |
| RGB PERCENTAGE | 29.0, 29.0, 29.0 | RGB(29.0%,29.0%,29.0%) |
| CMYK | 0, 0, 0, 71 | |
| HSL | HSL(0.0, 0.0%, 29.0%) | HSL(0.0, 0.0%, 29.0%) |
| HSV (OR HSB) | 0.0°, 0.0, 29.0 | |
| WEB SAFE | #515151 | #515151 |
| BINARY | 01001010, 01001010, 01001010 | |
| iOS - SwiftUI | Color(red: 0.290, green: 0.290, blue: 0.290) | |
| iOS - UIKit | UIColor(red: 0.290, green: 0.290, blue: 0.290, alpha: 1) | |
| Android - Compose | Color(0xFF4A4A4A) |


