Cor Mostarda: código #FFDB58

Mostarda

#FFDB58

Códigos da cor

  • HEX#FFDB58
  • RGBrgb(255, 219, 88)
  • HSLhsl(47, 100%, 67%)
  • HSVhsv(47, 65%, 100%)
  • CMYKcmyk(0%, 14%, 65%, 0%)
  • LABlab(88.3% -1.5 66.8)
  • OKLCHoklch(89.9% 0.151 93.7)

Sobre a cor Mostarda

Mostarda tem o código HEX #FFDB58, que corresponde a rgb(255, 219, 88) no modelo RGB. No círculo cromático, seu matiz fica em 47°, com 100% de saturação e 67% de luminosidade (hsl(47, 100%, 67%)).

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,52:1 sobre ela, contra 1,35:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 14%, 65%, 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 Mostarda

Complementar

#FFDB58 · #577BFF

Análoga

#FF8657 · #FFDB58 · #CFFF57

Tríade

#FFDB58 · #57FFDB · #DB57FF

Tetrádica

#FFDB58 · #57FF86 · #577BFF · #FF57CF

Complementar dividida

#FFDB58 · #57CFFF · #8657FF

Monocromática

#D6A800 · #FFCF24 · #FFDB58 · #FFEBA3 · #FFFCF0

Mostarda com texto branco e preto

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

Testar outras combinações no verificador de contraste

Qual mostarda?

O HEX mais difundido para “mostarda” na web é #FFDB58 (rgb(255, 219, 88)), um amarelo quente e cremoso, com um leve puxado para o laranja. Ele não é uma cor nomeada do CSS: vem de listas de nomes de cores populares. Só que, na moda e na decoração, “mostarda” costuma indicar um tom bem mais fechado, entre o amarelo e o ocre, mais próximo do condimento no pote. Se você está combinando um site com uma peça de roupa ou um sofá mostarda, provavelmente vai precisar escurecer o tom. Fotografe a peça sob luz natural e use o conta-gotas em imagem para pegar o HEX real.

Um amarelo com bagagem retrô

Enquanto o amarelo puro soa alegre e urgente, a mostarda é lida como mais madura, aconchegante e outonal. É muito associada ao design dos anos 1960 e 1970, a móveis de madeira e a estampas geométricas, e volta ciclicamente às coleções de moda. Essas associações são ocidentais e geracionais: para quem não viveu essa estética, a mostarda pode parecer simplesmente “um amarelo sóbrio”.

Aplicações e combinações

Na decoração, funciona em poltronas, almofadas e cortinas, sobretudo ao lado de madeira escura e cinza. Na moda, suéteres, casacos e lenços mostarda valorizam peles de subtom quente e combinam com jeans, marrom e verde. Em branding, ajuda marcas de café, padarias, livrarias e design vintage a comunicar calor sem o apelo infantil do amarelo puro. Combinações que funcionam:

Mostarda na tela: cuidados

O #FFDB58 tem contraste de só 1,35:1 com branco, então nunca use texto mostarda sobre fundo branco nem texto branco sobre mostarda. Sobre ele, prefira preto ou cinza-chumbo (acima de 15:1 com preto). Se precisa de um “mostarda” legível como cor de texto em fundo claro, escureça até algo como #8A6D00, que fica perto de 5:1. No modo escuro, o tom original funciona bem como destaque. Teste no verificador de contraste.

Como usar em CSS

:root {
  --color-mustard: #FFDB58;
  --color-mustard-rgb: 255, 219, 88;
}

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

Cores parecidas

Use Mostarda nas ferramentas