Cor mostarda

Imita o molho de mostarda: amarelo-escuro com um toque marrom. É uma das cores de tendência em roupas de outono e poltronas de estilo retrô. Combina muito bem com cinza, azul-marinho e branco.

Também conhecida como: amarelo-mostarda.

Mostarda · #E1AD01

Sobre a cor mostarda

O mostarda (#E1AD01) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos amarelos. É formada por 225 de vermelho, 173 de verde e 1 de azul (de 0 a 255). É usada principalmente em moda, decoração.

Tons de mostarda: claros e escuros

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

Cores que combinam com mostarda

Azul-marinhoUm contraste quente e frio muito elegante.CinzaO cinza acalma o mostarda e deixa tudo moderno.Verde-olivaUma dupla natural com cara de outono.Marrom-caféReforça uma cartela terrosa aconchegante.BrancoDeixa o mostarda fresco e limpo.RoxoQuase complementar, para um contraste ousado.Azul-petróleoUma dupla intensa e sofisticada.PretoContraste forte e moderno.

Como usar mostarda em roupas e decoração →

Harmonias da cor mostarda

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

ComplementarPróximo de: Roxo

AnálogasPróximo de: Laranja neon, Verde-lima

TríadePróximo de: Água-marinha, Violeta

Complementar divididaPróximo de: Azul-aço, Azul

TétradePróximo de: Verde neon, Roxo, Fúcsia

Paletas com a cor mostarda

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

Paleta monocromática · Mostarda

Paleta análoga · Mostarda

Paleta complementar · Mostarda

Paleta tríade · Mostarda

Paleta com neutros · Mostarda

Paleta com destaque · Mostarda

Contraste de mostarda com texto

Texto brancoContraste 2.1:1 · Não recomendado

Texto pretoContraste 10.2:1 · AAA

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

Código CSS

:root {
  --mostarda: #E1AD01;
  --mostarda-rgb: 225, 173, 1;
}
.fundo { background-color: var(--mostarda); }
.texto { color: var(--mostarda); }

Cores parecidas com mostarda

Açafrão Âmbar Amarelo-girassol Mel Caramelo Ouro velho Laranja pastel Dourado Cenoura Amarelo-milho

Paletas temáticas com esta cor

Mais amarelos

Amarelo Dourado Ouro velho Amarelo-limão Âmbar Trigo Mel Amarelo-canário Açafrão Champanhe Amarelo pastel Amarelo fluorescente Amarelo-milho Amarelo-girassol

Perguntas frequentes

Qual é o código da cor mostarda?

O código HEX da cor mostarda é #E1AD01. Em RGB é rgb(225, 173, 1), em HSL é hsl(46, 99%, 44%) e em CMYK é 0, 23, 100, 12.

Qual é a cor complementar de mostarda?

A complementar no círculo cromático é #0135E1, um tom próximo de roxo. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor mostarda?

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

Quais cores combinam com mostarda?

Combina bem com azul-marinho, cinza, verde-oliva, marrom-café, branco. Evite juntar com amarelo-limão ou verde-limão, porque o mostarda parece sujo ao lado deles. Laranja brilhante também compete com ele.