Paleta de Cores

Cor amarelo

É a cor mais luminosa do círculo cromático e a primeira que o olho percebe. É associado ao sol, ao verão e à atenção. Por isso aparece em táxis, placas de trânsito e marcas que querem parecer otimistas.

Amarelo · #FFFF00

Sobre a cor amarelo

O amarelo (#FFFF00) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos amarelos. É formada por 255 de vermelho, 255 de verde e 0 de azul (de 0 a 255). É usada principalmente em sinalização, logos, infantil, web.

Tons de amarelo: claros e escuros

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

Cores que combinam com amarelo

CinzaUm clássico moderno e equilibrado.Azul-marinhoContraste forte e elegante.BrancoFresco e luminoso.PretoContraste máximo, bem gráfico.RoxoSeu complementar, vibrante e ousado.VerdeUma mistura natural e alegre.Azul-celesteUma dupla primaveril.BegeUma base suave e quente.
Como usar amarelo em roupas e decoração →

Harmonias da cor amarelo

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

ComplementarPróximo de: Azul
AnálogasPróximo de: Laranja, Chartreuse
TríadePróximo de: Ciano, Magenta
Complementar divididaPróximo de: Azul-elétrico, Violeta
TétradePróximo de: Verde-menta, Azul, Rosa-choque

Paletas com a cor amarelo

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

Paleta monocromática · Amarelo
Paleta análoga · Amarelo
Paleta complementar · Amarelo
Paleta tríade · Amarelo
Paleta com neutros · Amarelo
Paleta com destaque · Amarelo

Contraste de amarelo com texto

Texto brancoContraste 1.1:1 · Não recomendado
Texto pretoContraste 19.6:1 · AAA

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

Código CSS

:root {
  --amarelo: #FFFF00;
  --amarelo-rgb: 255, 255, 0;
}
.fundo { background-color: var(--amarelo); }
.texto { color: var(--amarelo); }

Cores parecidas com amarelo

Amarelo-limãoAmarelo-canárioAmarelo fluorescenteDouradoVerde-limaAmarelo-milhoAmarelo-girassolAçafrãoÂmbarVerde-maçã

Mais amarelos

DouradoOuro velhoMostardaAmarelo-limãoÂmbarTrigoMelAmarelo-canárioAçafrãoChampanheAmarelo pastelAmarelo fluorescenteAmarelo-milhoAmarelo-girassol

Perguntas frequentes

Qual é o código da cor amarelo?

O código HEX da cor amarelo é #FFFF00. Em RGB é rgb(255, 255, 0), em HSL é hsl(60, 100%, 50%) e em CMYK é 0, 0, 100, 0.

Qual é a cor complementar de amarelo?

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

Dá para usar texto branco sobre a cor amarelo?

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

Quais cores combinam com amarelo?

Combina bem com cinza, azul-marinho, branco, preto, roxo. Evite juntar com laranja ou vermelho intenso ao mesmo tempo, porque o conjunto fica berrante. Como cor de texto sobre branco puro, o amarelo fica quase ilegível.