Cor Amarelo-ouro: código #FFDF00

Amarelo-ouro

#FFDF00

Códigos da cor

  • HEX#FFDF00
  • RGBrgb(255, 223, 0)
  • HSLhsl(52, 100%, 50%)
  • HSVhsv(52, 100%, 100%)
  • CMYKcmyk(0%, 13%, 100%, 0%)
  • LABlab(88.9% -6 88.6)
  • OKLCHoklch(90.3% 0.187 98.7)

Sobre a cor Amarelo-ouro

Amarelo-ouro tem o código HEX #FFDF00, que corresponde a rgb(255, 223, 0) no modelo RGB. No círculo cromático, seu matiz fica em 52°, com 100% de saturação e 50% de luminosidade (hsl(52, 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 15,80:1 sobre ela, contra 1,32:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 13%, 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 Amarelo-ouro

Complementar

#FFDF00 · #0022FF

Análoga

#FF5E00 · #FFDF00 · #A2FF00

Tríade

#FFDF00 · #00FFDD · #DD00FF

Tetrádica

#FFDF00 · #00FF5E · #0022FF · #FF00A2

Complementar dividida

#FFDF00 · #00A2FF · #5D00FF

Monocromática

#806F00 · #CCB100 · #FFDF00 · #FFE74D · #FFF199

Amarelo-ouro com texto branco e preto

Texto branco Aa Bb Cc 123
1,32:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
15,80:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-golden-yellow: #FFDF00;
  --color-golden-yellow-rgb: 255, 223, 0;
}

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