Paleta de Cores

Cor amarelo-manteiga

Um amarelo claro e cremoso, como manteiga fresca. Voltou com força na moda e na decoração porque é alegre, mas muito fácil de usar.

Abrir no editor

O código HEX da cor amarelo-manteiga é #FFFD74. Em RGB é rgb(255, 253, 116), em HSL é hsl(59, 100%, 73%) e em CMYK é 0, 1, 55, 0.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com amarelo-manteiga

Amarelo-milho#FBEC5DAmarelo pastel#FDFD96Amarelo-banana#FFE135Ouro velho#CFB53BAmarelo-canário#FFEF00Amarelo-ouro#FFDF00

Sobre a cor amarelo-manteiga

O amarelo-manteiga (#FFFD74) é uma cor quente, clara e muito saturada. Faz parte da família dos amarelos. É formada por 255 de vermelho, 253 de verde e 116 de azul (de 0 a 255). É usada principalmente em moda, decoração, casamentos.

Amostra da cor Amarelo-manteiga com seus tons do claro ao escuro · #FFFD74
Amarelo-manteiga · #FFFD74

Tons de amarelo-manteiga: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor amarelo-manteiga

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

ComplementarPróximo de: Azul-elétrico
AnálogasPróximo de: Fulvo, Verde-menta
TríadePróximo de: Ciano, Orquídea
Complementar divididaPróximo de: Azul-céu intenso, Ametista
TétradePróximo de: Água-marinha, Azul-elétrico, Rosa-chiclete

Paletas com a cor amarelo-manteiga

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

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

Contraste de amarelo-manteiga 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-manteiga: #FFFD74;
  --amarelo-manteiga-rgb: 255, 253, 116;
}
.fundo { background-color: var(--amarelo-manteiga); }
.texto { color: var(--amarelo-manteiga); }

Cores parecidas com amarelo-manteiga

AçafrãoAmarelo-limãoDouradoAmarelo

Paletas temáticas com esta cor

Paletas de cores para aniversárioPaletas de cores alegres

Mais amarelos

AmareloDouradoOuro velhoMostardaAmarelo-limãoÂmbarTrigoMelAmarelo-canárioAçafrãoChampanheAmarelo pastelAmarelo fluorescenteAmarelo-milhoAmarelo-girassolVara-douradaCalêndulaAmarelo-ouroAmarelo-bananaLatão
Amostra da cor Amarelo-manteiga com seus tons do claro ao escuro · #FFFD74
Amostra da cor Amarelo-manteiga com seus tons do claro ao escuro · #FFFD74

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresRoleta personalizadaEscreva suas opções e gire a roleta. De cores tambémCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de cores
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor amarelo-manteiga?

O código HEX da cor amarelo-manteiga é #FFFD74. Em RGB é rgb(255, 253, 116), em HSL é hsl(59, 100%, 73%) e em CMYK é 0, 1, 55, 0.

Qual é a cor complementar de amarelo-manteiga?

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

Dá para usar texto branco sobre a cor amarelo-manteiga?

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