Cores Que Combinam Com Amarelo

As cores que mais combinam com amarelo são cinza, azul-marinho, azul royal, branco, preto e roxo (púrpura). Abaixo, o porquê de cada par, combinações de três cores prontas, as harmonias da roda de cores e as paletas do site com amarelo.

As 6 Cores Que Mais Combinam Com Amarelo

Cada par com o amarelo na área maior. O contraste é o da regra WCAG, que mede se dá para ler uma cor sobre a outra.

#FFFF00#808080

Amarelo e Cinza

Cinza é neutro: deixa o amarelo em destaque sem disputar com ele. Contraste de 3,7:1: cinza sobre amarelo serve para títulos grandes, não para texto corrido.

#FFFF00#000080

Amarelo e Azul-Marinho

Ficam em lados opostos da roda de cores (180° de distância): é o par de mais contraste de cor. Uma é quente e a outra é fria, o que dá equilíbrio. Contraste de 14,9:1: dá para escrever em azul-marinho sobre amarelo.

#FFFF00#4169E1

Amarelo e Azul Royal

Ficam em lados opostos da roda de cores (165° de distância): é o par de mais contraste de cor. Uma é quente e a outra é fria, o que dá equilíbrio. Contraste de 4,5:1: dá para escrever em azul royal sobre amarelo.

#FFFF00#FFFFFF

Amarelo e Branco

Branco é neutro: deixa o amarelo em destaque sem disputar com ele. Contraste de 1,1:1: use amarelo e branco em blocos de cor, não como texto.

#FFFF00#000000

Amarelo e Preto

Preto é neutro: deixa o amarelo em destaque sem disputar com ele. Contraste de 19,6:1: dá para escrever em preto sobre amarelo.

#FFFF00#800080

Amarelo e Roxo (Púrpura)

Estão a 120° na roda de cores: contrastam sem chegar a ser opostas, como numa tríade. Contraste de 8,8:1: dá para escrever em roxo (púrpura) sobre amarelo.

Combinações de Três Cores Com Amarelo

Trios com amarelo na proporção 60-30-10. A primeira cor de cada trio fica com a área maior; a última, com os detalhes. Toque no nome para abrir o trio no gerador e trocar uma das cores.

#808080#FFFF00#000080

Cinza, Amarelo e Azul-Marinho

60% cinza, 30% amarelo e 10% azul-marinho.

#808080#FFFF00#4169E1

Cinza, Amarelo e Azul Royal

60% cinza, 30% amarelo e 10% azul royal.

#808080#FFFF00#800080

Cinza, Amarelo e Roxo (Púrpura)

60% cinza, 30% amarelo e 10% roxo (púrpura).

#FFFFFF#FFFF00#000080

Branco, Amarelo e Azul-Marinho

60% branco, 30% amarelo e 10% azul-marinho.

Harmonias do Amarelo na Roda de Cores

As regras clássicas da roda, a partir do amarelo (#FFFF00), com cada cor trocada pela cor com nome mais próxima. Para girar a roda com outro tom, use a Roda de Cores.

#FFFF00#0000FF

Complementar

Do lado oposto ao amarelo na roda, a 180°: azul. É o par de contraste máximo.

#FFFF00#FF8C00#7FFF00

Análogas

A 30° de cada lado do amarelo: laranja-escuro e chartreuse. Vizinhas, dão uma combinação calma.

#FFFF00#007FFF#6F00FF

Complementar Dividida

As duas vizinhas da oposta ao amarelo, a 150° e 210°: azul celeste e índigo elétrico. Contraste com menos tensão.

#FFFF00#00FFFF#FF00FF

Tríade

Com o amarelo, três cores a 120° uma da outra: ciano (verde-água) e magenta (fúcsia). Viva e equilibrada.

Cores Que Pedem Cuidado Com Amarelo

As 2 cores abaixo não são proibidas com amarelo, mas o par costuma decepcionar, pelo motivo de cada card.

#FFFF00#00FF00

Amarelo e Limão

Têm quase a mesma luminosidade (contraste de 1,3:1): juntas, uma some na outra.

#FFFF00#FFA500

Amarelo e Laranja

As duas são intensas e disputam a atenção. Se usar, deixe uma em área pequena (contraste de 1,8:1).

Amarelo na Coloração Pessoal

Para usar perto do rosto, o tom certo depende da estação. Tons de amarelo aparecem em 4 das 12 cartelas:

#FFAE42#F4C430#CCA01D

Primavera Quente

3 tons: amarelo-alaranjado, açafrão e curry de limão.

#FFCC33

Primavera Brilhante

1 tom: amarelo brilho do sol.

#BA8E23

Outono Quente

1 tom: amarelo-escuro.

#FFF44F

Inverno Brilhante

1 tom: amarelo limão.

Paletas Prontas Com Amarelo

#FFB3BA#FFDFBA#FFFFBA#BAFFC9#BAE1FF
#009C3B#FFDF00#002776#FFFFFF
#FFADAD#FFD6A5#FDFFB6#CAFFBF#9BF6FF#A0C4FF#BDB2FF#FFC6FF#FFFFFC
#EAE4E9#FFF1E6#FDE2E4#FAD2E1#E2ECE9#BEE1E6#F0EFEB#DFE7FD#CDDAFD
#FBF8CC#FDE4CF#FFCFD2#F1C0E8#CFBAF0#A3C4F3#90DBF4#8EECF5#98F5E1#B9FBC0
#7C6A0A#BABD8D#FFDAC6#FA9500#EB6424