Cor Dourado: código #FFD700

Dourado

#FFD700

Códigos da cor

  • HEX#FFD700
  • RGBrgb(255, 215, 0)
  • HSLhsl(51, 100%, 50%)
  • HSVhsv(51, 100%, 100%)
  • CMYKcmyk(0%, 16%, 100%, 0%)
  • LABlab(86.9% -1.9 87.1)
  • OKLCHoklch(88.7% 0.182 95.3)

Sobre a cor Dourado

Dourado tem o código HEX #FFD700, que corresponde a rgb(255, 215, 0) no modelo RGB. No círculo cromático, seu matiz fica em 51°, com 100% de saturação e 50% de luminosidade (hsl(51, 100%, 50%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 14,97:1 sobre ela, contra 1,40:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 16%, 100%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Dourado

Complementar

#FFD700 · #0026FF

Análoga

#FF5900 · #FFD700 · #A6FF00

Tríade

#FFD700 · #00FFD9 · #D900FF

Tetrádica

#FFD700 · #00FF59 · #0026FF · #FF00A6

Complementar dividida

#FFD700 · #00A6FF · #5900FF

Monocromática

#806C00 · #CCAD00 · #FFD700 · #FFE44D · #FFF099

Dourado com texto branco e preto

Texto branco Aa Bb Cc 123
1,40:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
14,97:1 · AAA

Testar outras combinações no verificador de contraste

O #FFD700 é o gold do CSS, rgb(255, 215, 0): um amarelo intenso com um leve desvio para o laranja. Em tela, ele é chapado e luminoso, mas não tem o brilho de metal. É aí que mora o principal desafio de quem trabalha com dourado: a cor “dourado” e o efeito dourado são coisas diferentes.

Simbolismo

O dourado aparece associado a riqueza, prestígio, vitória e celebração em muitas culturas, das medalhas olímpicas às folhas de ouro em arte sacra. Na Índia e na China, tem forte presença em casamentos e festas; no Ocidente, remete a premiações, aniversários de 50 anos e embalagens de luxo. Em excesso, porém, pode soar ostensivo ou kitsch. Como sempre, o significado depende do contexto e da dose.

Dourado na tela × dourado impresso

Na tela, o metal é uma ilusão criada por variações de luz. Para simular ouro, combine o #FFD700 com tons mais escuros e acastanhados, como o darkgoldenrod (#B8860B), em um gradiente com pontos de brilho. Um único tom chapado quase sempre parece “amarelo-ovo”.

Na impressão, o CMYK comum não reproduz brilho metálico: o #FFD700 convertido vira apenas um amarelo alaranjado. Para o efeito real, gráficas usam tintas especiais, como os Pantone metálicos (a exemplo do Pantone 871 C), ou acabamentos como hot stamping (estampagem com película metálica). Se o dourado é essencial para a marca, defina desde o início uma versão CMYK chapada, uma versão Pantone metálica e uma versão para tela.

Combinações

Cuidado com texto dourado

Dourado sobre branco é um erro frequente em sites de joalherias e eventos: o contraste de #FFD700 com branco é de apenas 1,4:1. Sobre preto, ao contrário, chega a cerca de 15:1, o que explica o sucesso da dupla preto e dourado. Se precisar de dourado legível sobre fundo claro, escureça até um ocre como #8A6A00 (cerca de 5:1). Confira no verificador de contraste e compare com a página da prata, que tem desafios parecidos.

Como usar em CSS

:root {
  --color-gold: #FFD700;
  --color-gold-rgb: 255, 215, 0;
}

.elemento {
  background-color: var(--color-gold);
  color: #000000;
}

Cores parecidas

Use Dourado nas ferramentas