Paleta de Cores

Cor dourado

Representa o ouro em versão chapada, sem brilho metálico. É associado a sucesso, prêmios e celebrações. É comum em convites, decoração de Ano-Novo e marcas de luxo.

Também conhecida como: ouro, cor de ouro.

Dourado · #FFD700

Sobre a cor dourado

O dourado (#FFD700) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos amarelos. É formada por 255 de vermelho, 215 de verde e 0 de azul (de 0 a 255). É usada principalmente em eventos, luxo, branding.

Tons de dourado: claros e escuros

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

Cores que combinam com dourado

PretoO contraste mais elegante e luxuoso.BrancoLimpo e luminoso, ideal para casamentos.Azul-marinhoClássico e sofisticado.Verde-esmeraldaTons de joia com muito luxo.VinhoUma dupla quente e festiva.Rosa antigoSuave e romântico.BegeUma mistura quente e discreta.Cinza-chumboUm fundo escuro que faz o dourado brilhar.
Como usar dourado em roupas e decoração →

Harmonias da cor dourado

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

ComplementarPróximo de: Azul
AnálogasPróximo de: Laranja-avermelhado, Verde-lima
TríadePróximo de: Água-marinha, Magenta
Complementar divididaPróximo de: Azul-francês, Azul
TétradePróximo de: Verde neon, Azul, Fúcsia

Paletas com a cor dourado

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

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

Contraste de dourado com texto

Texto brancoContraste 1.4:1 · Não recomendado
Texto pretoContraste 15.0:1 · AAA

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

Código CSS

:root {
  --dourado: #FFD700;
  --dourado-rgb: 255, 215, 0;
}
.fundo { background-color: var(--dourado); }
.texto { color: var(--dourado); }

Cores parecidas com dourado

Amarelo-girassolAmarelo-canárioÂmbarAçafrãoAmarelo-limãoMostardaAmarelo-milhoAmareloOuro velhoMel

Paletas temáticas com esta cor

Paletas de cores para loja de roupasPaletas de cores para academiaPaletas de cores neonPaletas de cores de verãoPaletas de cores para festas patrióticasPaletas de cores alegres

Mais amarelos

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

Perguntas frequentes

Qual é o código da cor dourado?

O código HEX da cor dourado é #FFD700. Em RGB é rgb(255, 215, 0), em HSL é hsl(51, 100%, 50%) e em CMYK é 0, 16, 100, 0.

Qual é a cor complementar de dourado?

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

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

Quais cores combinam com dourado?

Combina bem com preto, branco, azul-marinho, verde-esmeralda, vinho. Evite misturar dourado e prata sem um plano, porque pode parecer bagunçado. Também não exagere no dourado: em excesso, fica carregado.