Paleta de Cores

Cor amarelo-ouro

Um amarelo brilhante com calor dourado, no meio do caminho entre o amarelo puro e o ouro. É rico e ensolarado, e fica muito bem em logos, decoração e roupas de verão.

Também conhecida como: amarelo dourado.

Abrir no editor

O código HEX da cor amarelo-ouro é #FFDF00. Em RGB é rgb(255, 223, 0), em HSL é hsl(52, 100%, 50%) e em CMYK é 0, 13, 100, 0.

Veja na vida real

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

Cores parecidas com amarelo-ouro

Dourado#FFD700Amarelo-banana#FFE135Amarelo-canário#FFEF00Amarelo-limão#FFF700Amarelo-girassol#FFC512Amarelo#FFFF00

Sobre a cor amarelo-ouro

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

Amostra da cor Amarelo-ouro com seus tons do claro ao escuro · #FFDF00
Amarelo-ouro · #FFDF00

Tons de amarelo-ouro: 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-ouro

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

ComplementarPróximo de: Azul
AnálogasPróximo de: Laranja-caqui, Chartreuse
TríadePróximo de: Azul-turquesa, Magenta
Complementar divididaPróximo de: Azul-centáurea, Azul
TétradePróximo de: Verde-primavera, Azul, Fúcsia

Paletas com a cor amarelo-ouro

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

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

Contraste de amarelo-ouro com texto

Texto brancoContraste 1.3:1 · Não recomendado
Texto pretoContraste 15.8:1 · AAA

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

Código CSS

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

Cores parecidas com amarelo-ouro

ÂmbarAçafrãoAmarelo-milhoMostarda

Onde você vê esta cor

EquadorBandeirasMercado LivreMarcasBolíviaBandeirasBrasilBandeiras

Paletas temáticas com esta cor

Paletas de cores para academiaPaletas de cores neonPaletas de cores de verãoPaletas de cores para festas patrióticasPaletas de cores alegresPaletas de cores infantis

Mais amarelos

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

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCor da sorte de hojeSua cor da sorte do dia de acordo com o signoFormato de rostoDescubra seu formato de rosto, cortes e óculos ideais
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor amarelo-ouro é #FFDF00. Em RGB é rgb(255, 223, 0), em HSL é hsl(52, 100%, 50%) e em CMYK é 0, 13, 100, 0.

Qual é a cor complementar de amarelo-ouro?

A complementar no círculo cromático é #0020FF, 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-ouro?

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