Paleta de Cores

Cor amarelo pastel

Amarelo suave com muito branco, amigável e luminoso. É comum em quartos de bebê, papelaria e fundos de sites. Combina bem com outros tons pastel, como verde-menta e lilás.

Também conhecida como: amarelo-claro.

Amarelo pastel · #FDFD96

Sobre a cor amarelo pastel

O amarelo pastel (#FDFD96) é uma cor quente, clara e muito saturada. Faz parte da família dos amarelos. É formada por 253 de vermelho, 253 de verde e 150 de azul (de 0 a 255). É usada principalmente em infantil, decoração, web.

Tons de amarelo pastel: claros e escuros

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

Harmonias da cor amarelo pastel

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

ComplementarPróximo de: Lavanda
AnálogasPróximo de: Pêssego, Verde-claro
TríadePróximo de: Turquesa pastel, Orquídea
Complementar divididaPróximo de: Azul-bebê, Lavanda
TétradePróximo de: Água-marinha, Lavanda, Rosa-flamingo

Paletas com a cor amarelo pastel

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

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

Contraste de amarelo pastel com texto

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

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

Código CSS

:root {
  --amarelo-pastel: #FDFD96;
  --amarelo-pastel-rgb: 253, 253, 150;
}
.fundo { background-color: var(--amarelo-pastel); }
.texto { color: var(--amarelo-pastel); }

Cores parecidas com amarelo pastel

Amarelo-milhoBaunilhaCremeOuro velhoTrigoVerde-pistacheAçafrãoAreiaVerde-claroVerde-menta

Mais amarelos

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

Perguntas frequentes

Qual é o código da cor amarelo pastel?

O código HEX da cor amarelo pastel é #FDFD96. Em RGB é rgb(253, 253, 150), em HSL é hsl(60, 96%, 79%) e em CMYK é 0, 0, 41, 1.

Qual é a cor complementar de amarelo pastel?

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

Dá para usar texto branco sobre a cor amarelo pastel?

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